diff --git a/app/portal/controller/PersonalcenterController.php b/app/portal/controller/PersonalcenterController.php new file mode 100644 index 0000000..1b15cf6 --- /dev/null +++ b/app/portal/controller/PersonalcenterController.php @@ -0,0 +1,28 @@ +<?php +// +---------------------------------------------------------------------- +// | bronet [ 以客户为中心 以奋斗者为本 ] +// +---------------------------------------------------------------------- +// | Copyright (c) 2013-2017 http://www.bronet.cn All rights reserved. +// +---------------------------------------------------------------------- +// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 ) +// +---------------------------------------------------------------------- +namespace app\portal\controller; + +use cmf\controller\WeChatBaseController; +use think\Db; + +class PersonalcenterController extends WeChatBaseController{ + + /** + * 显示个人中心页 + */ + public function Personal_center(){ + + return $this -> fetch(); + + } + + + + +} \ No newline at end of file diff --git a/public/themes/simpleboot3/portal/Personalcenter/Personal_center.html b/public/themes/simpleboot3/portal/Personalcenter/Personal_center.html new file mode 100644 index 0000000..e907501 --- /dev/null +++ b/public/themes/simpleboot3/portal/Personalcenter/Personal_center.html @@ -0,0 +1,271 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> + <meta http-equiv="X-UA-Compatible" content="ie=edge" /> + <title>学考无忧-我的-完善个人信息</title> + <link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css" /> + <link rel="stylesheet" href="__TMPL__/public/assets/css/log.css" /> + <style> + .w_myG { + width: 1.52rem; + height: 0.48rem; + background: rgba(255, 255, 255, 0.1); + border-radius: 0.24rem; + font-size: 0.24rem; + text-align: center; + margin-left: auto; + margin-right: 0.38rem; + line-height: 0.48rem; + color: rgba(255, 255, 255, 0.8); + } + + .w_myStarst { + display: flex; + display: -webkit-flex; + margin: 0.16rem 0; + padding: 0.16rem 0.5rem 0.16rem 0; + box-sizing: border-box; + background-color: white; + } + + .w_myStarst_left { + width: 5.68rem; + height: 1.28rem; + display: flex; + display: -webkit-flex; + border-right: 0.04rem solid #f5f5f5; + align-items: center; + -webkit-align-items: center; + } + + .w_myStarst_left ul { + display: flex; + display: -webkit-flex; + } + + .w_myStarst_left ul li { + margin-left: 0.62rem; + } + + .w_myStarst_right { + padding: 0.2rem 0 0 0.3rem; + box-sizing: border-box; + } + + .w_my_leftImg { + width: 0.52rem; + margin: auto; + } + + .w_my_leftImg img { + width: 100%; + height: 100%; + } + + .w_my_leftTxt { + font-size: 0.22rem; + color: rgba(51, 51, 51, 1); + text-align: center; + } + </style> +</head> + +<body style="background-color: #F5F5F5"> +<div class="log_top"> + <!-- 顶部 --> + <div class=" order_top log_top"> + <a href=""> + <img src="img/left2.png" alt="" /> + </a> + <p style="color:white">我的</p> + </div> + <!-- 个人中心 --> + <div class="w_myG">个人中心</div> + <!-- 头像 --> + <div class="log_top_buddha"> + <div class="log_top_buddha_img"> + <img src="./img/40.png" alt="" /> + </div> + <div class="log_top_buddha_contant"> + <div class="log_top_buddha_contant_one"> + 嘿嘿!小豆芽儿 + </div> + <div class="log_top_buddha_contant_two"> + 五花马千金裘,呼儿将出换美酒 + </div> + </div> + </div> +</div> +<!-- 状态 --> +<div class="w_myStarst"> + <div class="w_myStarst_left"> + <ul> + <li> + <a href="w_Dpayment.html"> + <div class="w_my_leftImg"> + <img src="img/42.png" alt="" /> + </div> + <p class="w_my_leftTxt">待付款</p> + </a> + </li> + <li> + <a href="w_Ypayment.html"> + <div class="w_my_leftImg"> + <img src="img/43.png" alt="" /> + </div> + <p class="w_my_leftTxt">待发货</p> + </a> + </li> + <li> + <a href="w_Ypayment.html"> + <div class="w_my_leftImg"> + <img src="img/44.png" alt="" /> + </div> + <p class="w_my_leftTxt">待收货</p> + </a> + </li> + <li> + <div class="w_my_leftImg"> + <img src="img/45.png" alt="" /> + </div> + <p class="w_my_leftTxt">退换货</p> + </li> + </ul> + </div> + <div class="w_myStarst_right"> + <div> + <a href="w_my_order.html"> + <div class="w_my_leftImg"> + <img src="img/46.png" alt="" /> + </div> + <p class="w_my_leftTxt">全部订单</p> + </a> + </div> + </div> +</div> +<!-- 列表 --> +<div class="log_one_list" style="background-color: white"> + <a href="address_closed.html"> + <div class="log_one_list_one"> + <div class="log_one_list_left"> + <div class="log_one_list_img"> + <img src="./img/51.png" alt="" /> + </div> + <div class="log_one_list_word"> + 我的地址 + </div> + </div> + <div class="log_one_list_right"> + <img src="./img/29.png" alt="" /> + </div> + </div> + </a> + <a href="w_collection.html"> + <div class="log_one_list_one"> + <div class="log_one_list_left"> + <div class="log_one_list_img"> + <img src="./img/50.png" alt="" /> + </div> + <div class="log_one_list_word"> + 我的收藏 + </div> + </div> + <div class="log_one_list_right"> + <img src="./img/29.png" alt="" /> + </div> + </div> + </a> + <a href="w_browse.html"> + <div class="log_one_list_one"> + <div class="log_one_list_left"> + <div class="log_one_list_img"> + <img src="./img/48.png" alt="" /> + </div> + <div class="log_one_list_word"> + 浏览记录 + </div> + </div> + <div class="log_one_list_right"> + <img src="./img/29.png" alt="" /> + </div> + </div> + </a> + <a href="log_nine.html"> + <div class="log_one_list_one"> + <div class="log_one_list_left"> + <div class="log_one_list_img"> + <img src="./img/49.png" alt="" /> + </div> + <div class="log_one_list_word"> + 我的钱包 + </div> + </div> + <div class="log_one_list_right"> + <img src="./img/29.png" alt="" /> + </div> + </div> + </a> + <a href="w_code.html"> + <div class="log_one_list_one"> + <div class="log_one_list_left"> + <div class="log_one_list_img"> + <img src="./img/47.png" alt="" /> + </div> + <div class="log_one_list_word"> + 商城分享 + </div> + </div> + <div class="log_one_list_right"> + <img src="./img/29.png" alt="" /> + </div> + </div> + </a> +</div> +<!-- 底部一级导航 --> +<div class="in_bottom"> + <ul> + <a href="index.html"> + <li> + <img src="img/22.png" alt="" /> + <p>首页</p> + </li> + </a> + <a href="nav_class.html"> + <li> + <img src="img/16.png" alt="" /> + <p>分类</p> + </li> + </a> + <a href="w_shopping_cart.html"> + <li> + <img src="img/17.png" alt="" /> + <p>购物车</p> + </li> + </a> + <a href="log_one.html"> + <li> + <img src="img/19.png" alt="" /> + <p style="color:#FF7700;">我的</p> + </li> + </a> + </ul> +</div> +<script src="__TMPL__/public/assets/js/jquery.js"></script> +<script src="__TMPL__/public/assets/js/base.js"></script> +<script src="__TMPL__/public/assets/js/mui.min.js"></script> +<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script> +<script src="__TMPL__/public/assets/js/city.data-3.js"></script> +<script> + $(".log_top_buddha_btn").click(function() { + $(this).css({ + display: "none" + }); + $(".log_top_buddha_contant").toggle(); + }); +</script> +</body> + +</html> \ No newline at end of file diff --git a/public/themes/simpleboot3/public/assets/css/base.css b/public/themes/simpleboot3/public/assets/css/base.css index 64f12a6..a2c9af8 100644 --- a/public/themes/simpleboot3/public/assets/css/base.css +++ b/public/themes/simpleboot3/public/assets/css/base.css @@ -9,6 +9,11 @@ body { padding-bottom: 1.3rem; } +.cl_list2 .cl_Active2 { + color: white; + background-color: #FF8713; +} + /* banner */ @@ -21,14 +26,6 @@ body { opacity: 1 } -.se_nav .se_navactvie { - color: #FF7700 !important; -} - -.cl_list2 .cl_Active2{ - color: white; - background-color: #FF8713; -} /* search */ @@ -58,16 +55,18 @@ body { vertical-align: middle; } -.in_search1 input{ - outline: none; +.in_search1 p { + margin-top: 0.04rem; + line-height: 1; font-size: 0.26rem; - margin-left: 0.2rem; + margin-left: 0.1rem; color: rgba(204, 204, 204, 1); } .in_search_no { color: white; font-size: 0.28rem; + margin-left: 0.16rem; } @@ -238,12 +237,15 @@ body { } .in_hotName { + color: #333333; + font-weight: bold; + font-size: 0.26rem; margin-top: 0.08rem; -webkit-line-clamp: 2; } .in_hotName span { - padding: 0.01rem 0.12rem; + padding: 0.02rem 0.12rem 0.01rem 0.12rem; box-sizing: border-box; font-size: 0.2rem; color: white; @@ -274,7 +276,7 @@ body { color: #CCCCCC; text-align: center; font-size: 0.22rem; - margin-top: 0.06rem; + margin-top: 0.22rem; } @@ -300,6 +302,7 @@ body { .in_bottom ul li img { width: 0.48rem; + margin: auto; } .in_bottom ul li p { @@ -336,6 +339,7 @@ body { } .se_input { + overflow: hidden; display: flex; display: -webkit-flex; align-items: center; @@ -350,6 +354,7 @@ body { .se_input input { width: 88%; height: 100%; + margin-top: 0.04rem; outline: none; margin-left: 0.1rem; color: #CCCCCC; @@ -358,6 +363,7 @@ body { .se_searchNo { font-size: 0.28rem; color: white; + margin-left: 0.2rem; } @@ -399,6 +405,10 @@ body { /* 分类页面 */ +.se_nav .se_navactvie { + color: #FF7700; +} + .cl_top { width: 100%; background: linear-gradient(338deg, rgba(255, 119, 0, 1) 0%, rgba(255, 157, 45, 1) 100%); @@ -527,7 +537,7 @@ body { } .de_topTxt1_1 span { - font-size: 0.4rem; + font-size: 0.32rem; } .de_topTxt1_2 { @@ -831,15 +841,6 @@ body { color: rgba(51, 51, 51, 1); } -.order_address { - padding-bottom: 0.26rem; - background-repeat: no-repeat; - background-image: url("../img/32.png"); - background-position: bottom; - background-size: 100% 0.06rem; - background-color: white; -} - .order_adImg { width: 1.9rem; height: 1.3rem; @@ -886,12 +887,12 @@ body { .or_addressName { font-size: 0.34rem; font-weight: 600; - color: rgba(51, 51, 51, 1); + color: #333333; } .or_addressPhone { font-size: 0.34rem; - color: rgba(51, 51, 51, 1); + color: #333333; } .or_address_detailed { @@ -988,7 +989,9 @@ body { .order_newsnum { width: 0.6rem; + height: 0.36rem; outline: none; + line-height: 0.4rem; text-align: center; } @@ -1023,7 +1026,8 @@ body { align-items: center; margin: 0 0.32rem; line-height: 1; - height: 0.92rem; + padding: 0.26rem 0; + box-sizing: border-box; border-bottom: 1px solid #F5F5F5; justify-content: space-between; } @@ -1038,6 +1042,7 @@ body { } .order_EtcTxt2 { + text-align: right; color: #333333; font-size: 0.26rem; } @@ -1052,6 +1057,7 @@ body { border: 0; width: 5rem; height: 1rem; + resize: none; font-family: 微软雅黑; color: #999999; font-size: 0.26rem; @@ -1101,6 +1107,33 @@ body { /* 收获地址 */ +.ad_MoRemove { + position: absolute; + display: flex; + display: -webkit-flex; + top: 0; + right: -2.58rem; +} + +.ad_mo, +.ad_move { + width: 1.2rem; + height: 1.8rem; + text-align: center; + line-height: 1.8rem; + font-size: 0.26rem; +} + +.ad_mo { + background: rgba(242, 242, 242, 1); + color: rgba(102, 102, 102, 1); +} + +.ad_move { + background: linear-gradient(317deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%); + color: white; +} + .ad_top { display: flex; display: -webkit-flex; @@ -1131,8 +1164,14 @@ body { align-items: center; } +.ad_content ul { + overflow: hidden; + width: 6.86rem; + margin: auto; +} + .ad_content ul li { - margin: 0 0.32rem; + position: relative; padding: 0.24rem 0; box-sizing: border-box; border-bottom: 1px solid #EBEBEB; @@ -1145,6 +1184,7 @@ body { } .ad_conMo { + display: none; width: 0.64rem; height: 0.32rem; font-size: 0.22rem; @@ -1204,7 +1244,7 @@ body { } .add_con ul li input { - width: 4rem; + width: 4.4rem; height: 0.44rem; font-size: 0.32rem; outline: none; @@ -1213,6 +1253,14 @@ body { border: 0; } +.add_city { + width: 4.4rem; + height: 0.44rem; + font-size: 0.32rem; + margin-left: 0.86rem; + color: rgba(204, 204, 204, 1); +} + .add_con ul li input::placeholder { color: rgba(204, 204, 204, 1); } @@ -1223,12 +1271,11 @@ body { } .add_detailAddress { - height: 1.5rem; margin: 0.4rem 0.32rem 0; } .add_detailAddress textarea { - height: 1rem; + height: 2rem; width: 100%; font-family: 微软雅黑; outline: none; @@ -1264,14 +1311,829 @@ body { } .sp_cartUl .order_newsCon { - width: 4.4rem; + width: 4.2rem; } .sp_cartUl li { + align-items: center; margin-top: 0.3rem; padding: 0.32rem 0.16rem; box-sizing: border-box; background-color: white; } -.sh_cartround {} \ No newline at end of file +.sh_cartround { + width: 0.46rem; + height: 0.46rem; +} + +.sh_cartround img { + width: 100%; + height: 100%; +} + +.shop_carts { + position: fixed; + bottom: 0.98rem; + width: 100%; + height: 1.12rem; + background-color: white; +} + +.shop_cartsBox { + height: 1.12rem; + display: flex; + display: -webkit-flex; + align-items: center; +} + +.shop_carts1, +.shop_carts2 { + display: flex; + display: -webkit-flex; + align-items: center; +} + +.shop_carts1 { + padding-left: 0.32rem; +} + +.shop_carts2 { + margin-left: 1.42rem; + align-items: baseline; +} + +.shop_carts1 img { + width: 0.46rem; + height: 0.46rem; +} + +.shop_cartsIco { + margin-top: 0.08rem; + font-size: 0.28rem; + color: rgba(51, 51, 51, 1); +} + +.shop_carts1 p { + font-size: 0.32rem; + margin-left: 0.02rem; + color: rgba(51, 51, 51, 1); +} + +.shop_carts3 { + width: 2.22rem; + height: 100%; + text-align: center; + line-height: 1.12rem; + color: white; + font-size: 0.34rem; + font-weight: 600; + background: linear-gradient(320deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%, rgba(0, 0, 0, 1) 100%); + margin-left: auto; +} + +.shop_remove { + position: fixed; + bottom: 0.98rem; + width: 100%; + height: 1.12rem; + display: none; + background-color: white; +} + +.shop_removeBox { + height: 1.12rem; + display: flex; + display: -webkit-flex; + align-items: center; + justify-content: space-between; +} + +.shop_remove2 { + width: 1.68rem; + height: 0.64rem; + border: 0.02rem solid #FF7700; + border-radius: 0.38rem; + font-size: 0.32rem; + margin-right: 0.32rem; + line-height: 0.64rem; + text-align: center; + color: rgba(255, 119, 0, 1); +} + + +/* 我的订单页面 */ + +.myorder_box .order_newsCon { + width: 4.7rem; +} + +.myor_title { + height: 1.05rem; + background-color: white; + padding-top: 0.48rem; + box-sizing: border-box; +} + +.myor_title ul { + display: flex; + display: -webkit-flex; + justify-content: space-between; + padding: 0 0.34rem; + box-sizing: border-box; +} + +.myor_title ul li { + width: 0.86rem; + text-align: center; + font-size: 0.28rem; + line-height: 1; + padding-bottom: 0.26rem; + color: #999999; +} + +.myor_title_active { + color: #FF7700 !important; + border-bottom: 0.04rem solid #FB4B47; +} + +.myorder_content { + margin: 0 0.32rem; +} + +.myorder_con1 { + display: none; + margin-top: 0.28rem; +} + +.myorder_information { + padding: 0.32rem 0.16rem; + box-sizing: border-box; + background-color: white; +} + +.myorder_the { + margin-bottom: 0.4rem; + box-sizing: border-box; + display: flex; + display: -webkit-flex; + align-items: center; + justify-content: space-between; +} + +.order_dan { + font-size: 0.28rem; + margin-top: 0.04rem; + color: rgba(128, 128, 128, 1); +} + +.myorder_box .order_newsUl li { + padding-bottom: 0.2rem; +} + +.myorder_state1 { + font-size: 0.26rem; + color: #FF7700; +} + +.order_newsUl { + padding-bottom: 0.28rem; +} + +.myorder_border { + border-bottom: 1px solid #EBEBEB; +} + +.my_ordera { + display: flex; + display: -webkit-flex; + align-items: center; + line-height: 1; + justify-content: flex-end; +} + +.my_ordera span { + font-size: 0.26rem; + color: rgba(102, 102, 102, 1); +} + +.my_ordera p { + margin-top: -0.06rem; + font-size: 0.4rem; + font-family: DIN 1451 Std Mittelschrift; + color: rgba(242, 0, 0, 1); +} + +.myorder_bottom { + padding-top: 0.32rem; + display: flex; + display: -webkit-flex; + justify-content: space-between; +} + +.myorder_bottom1 { + display: flex; + display: -webkit-flex; + align-items: center; +} + +.myorder_bottom1Img { + width: 0.23rem; + height: 0.23rem; + margin-right: 0.14rem; +} + +.myorder_bottom1Img img { + width: 100%; + height: 100%; +} + +.myorder_bottom1Txt { + font-size: 0.24rem; + color: rgba(153, 153, 153, 1); +} + +.myorder_bottom2 { + display: flex; + display: -webkit-flex; +} + +.myorder_bottom2 div { + width: 1.6rem; + height: 0.48rem; + margin-left: 0.16rem; + border-radius: 0.08rem; + font-size: 0.26rem; + line-height: 0.48rem; + text-align: center; +} + +.myorder_bottom2_1 { + color: #333333; + box-sizing: border-box; + border: 0.02rem solid rgba(204, 204, 204, 1); +} + +.myorder_bottom2_2 { + color: white; + background: linear-gradient(328deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%); +} + + +/* 待付款页面 */ + +.pay_banner { + display: flex; + display: -webkit-flex; + align-items: center; + padding: 0 0.32rem; + box-sizing: border-box; + justify-content: space-between; +} + +.pay_bannerLeft { + display: flex; + display: -webkit-flex; + align-items: center; +} + +.pay_bannerLeft p { + font-size: 0.32rem; + color: rgba(255, 255, 255, 1); +} + +.pay_bannerImg { + width: 0.36rem; + height: 0.36rem; + margin-right: 0.12rem; +} + +.pay_bannerImg img { + width: 100%; + height: 100%; +} + +.pay_bannerRight p { + font-size: 0.26rem; + color: rgba(255, 255, 255, 1); +} + +.pay_liu { + -webkit-line-clamp: 2; + width: 4rem; +} + +.pay_bottom { + position: fixed; + bottom: 0; + width: 100%; + height: 1.12rem; + display: flex; + display: -webkit-flex; + justify-content: space-between; + padding-right: 0.28rem; + box-sizing: border-box; + align-items: center; + background-color: white; + box-shadow: 0rem -0.02rem 0.12rem rgba(0, 0, 0, 0.05); +} + +.pay_bottom2 { + display: flex; + display: -webkit-flex; +} + +.pay_bottom2 div { + width: 1.88rem; + height: 0.64rem; + text-align: center; + line-height: 0.64rem; + margin-left: 0.4rem; + border-radius: 0.08rem; +} + +.pay_bottom2_1 { + color: #333333; + box-sizing: border-box; + border: 0.02rem solid rgba(204, 204, 204, 1); +} + +.pay_bottom2_2 { + color: white; + background: linear-gradient(328deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%); +} + + +/* 已付款页面 */ + +.ypayTxt p { + font-size: 0.28rem; + color: rgba(102, 102, 102, 1); +} + +.Dpayment .order_Etc { + margin-bottom: 0; +} + +.ypay_price { + margin-top: 0.16rem; + margin-bottom: 1.7rem; + width: 100%; + padding: 0.28rem 0.32rem; + background-color: white; + box-sizing: border-box; + display: flex; + display: -webkit-flex; + justify-content: space-between; +} + +.ypay_price1 { + font-size: 0.3rem; + color: rgba(51, 51, 51, 1); +} + +.ypay_price2 { + font-size: 0.28rem; + color: rgba(242, 0, 0, 1); +} + +.Dpayment .pay_bottom { + justify-content: flex-end; +} + + +/* 物流信息页面 */ + +.logistics_box { + margin: 0 0.32rem; +} + +.log_detailImg { + width: 1.44rem; + height: 1.44rem; +} + +.log_detailImg img { + width: 100%; + height: 100%; +} + +.log_detail { + display: flex; + display: -webkit-flex; + padding: 0.32rem; + box-sizing: border-box; + margin-top: 0.32rem; + background-color: white; +} + +.log_detailTxt { + width: 4.4rem; + margin-left: 0.16rem; +} + +.log_detailTxt h1 { + font-size: 0.3rem; + font-weight: 500; + margin-bottom: 0.2rem; + color: rgba(51, 51, 51, 1); +} + +.log_detailTxt p { + font-size: 0.26rem; + color: rgba(51, 51, 51, 1); +} + +.logistics_process { + display: flex; + display: -webkit-flex; + width: 100%; + margin-top: 0.16rem; + padding: 0.54rem 0 0.5rem 0.68rem; + box-sizing: border-box; + background-color: white; +} + +.log_Liround { + width: 0.18rem; + height: 0.18rem; + background: #CCCCCC; + border-radius: 50%; +} + +.log_Li { + display: flex; + display: -webkit-flex; +} + +.log_Box { + display: flex; + display: -webkit-flex; + flex-direction: column; + align-items: center; +} + +.log_line { + width: 0.01rem; + height: 2rem; + border: none; + border-right: 0.01rem solid #CCCCCC; +} + +.log_Li:last-child .log_line { + display: none; +} + +.log_LiTime { + margin-right: 0.12rem; + width: 0.78rem; + text-align: center; +} + +.log_LiTime1 { + font-size: 0.26rem; + color: rgba(153, 153, 153, 1); +} + +.log_LiTime2 { + font-size: 0.22rem; + color: rgba(204, 204, 204, 1); +} + +.logistics_right { + margin-left: 0.2rem; +} + +.log_rightTxt { + padding-bottom: 0.4rem; +} + +.log_rightTxt1 { + line-height: 1; + font-size: 0.26rem; + color: rgba(153, 153, 153, 1); +} + +.log_rightTxt2 { + width: 3.96rem; + line-height: 0.36rem; + font-size: 0.22rem; + color: rgba(153, 153, 153, 1); +} + + +/* 我的收藏页面 */ + +.coll_title { + padding: 0.16rem 0.32rem; + font-size: 0.26rem; + font-weight: 400; + color: rgba(153, 153, 153, 1); +} + +.collection_Box .order_newsUl { + background-color: white; + border: 0; +} + +.collection_Box .order_newsUl li { + padding: 0.4rem 0.36rem; + box-sizing: border-box; + border-bottom: 1px solid #F5F5F5; +} + +.collection_Box .order_newsUl li:last-child { + padding-bottom: 0; + border: 0; +} + +.collection_Box .order_newsTxt2 { + -webkit-line-clamp: 2; +} + + +/* 浏览记录 */ + +.browse_Box { + margin-top: 0.36rem; +} + +.record_Box ul li { + display: flex; + display: -webkit-flex; + align-items: center; + margin-top: 0.16rem; + background-color: white; + padding: 0.22rem 0.32rem; + box-sizing: border-box; +} + +.recordImg { + width: 0.96rem; + height: 0.96rem; +} + +.recordImg img { + width: 100%; + height: 100%; +} + +.recordTxt { + width: 4rem; + margin-left: 0.32rem; +} + +.recordTxt1 { + font-size: 0.28rem; + color: rgba(51, 51, 51, 1); +} + +.recordTxt2 { + padding: 0 0.22rem; + height: 0.42rem; + margin: 0.16rem 0; + display: inline-block; + box-sizing: border-box; + background: linear-gradient(350deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%); + border-radius: 0.22rem; + font-size: 0.24rem; + text-align: center; + line-height: 0.42rem; + color: rgba(255, 255, 255, 1); +} + +.recordTxt3 { + font-size: 0.24rem; + color: rgba(204, 204, 204, 1); +} + +.recordNum { + margin-left: auto; + font-size: 0.32rem; + font-family: DIN 1451 Std Mittelschrift; + color: rgba(242, 0, 0, 1); +} + + +/* 邀请名单页面 */ + +.tation_one, +.tationCon1_left, +.tationCon1_right { + display: flex; + display: -webkit-flex; + align-items: center; +} + +.tation_one { + margin-bottom: 0.1rem; + justify-content: space-between; +} + +.tationCon1 li { + margin-top: 0.16rem; + padding: 0.32rem; + box-sizing: border-box; + background-color: white; +} + +.tationCon1_Img { + width: 0.8rem; + height: 0.8rem; + border-radius: 50%; +} + +.tationCon1_Img img, +.tationCon1_Img2 img { + width: 100%; + height: 100%; +} + +.tationCon1_Img2 { + width: 0.3rem; + height: 0.3rem; + margin-left: 0.1rem; +} + +.tation_tow { + display: none; +} + +.tation_towLi { + padding-top: 0.16rem; + padding-bottom: 0.2rem; + border-bottom: 1px solid #F5F5F5; +} + +.tation_towLi:last-child { + border: 0; + padding-bottom: 0; +} + +.tationCon1_Txt1 { + width: 2.6rem; + margin-left: 0.16rem; + font-size: 0.32rem; + color: rgba(51, 51, 51, 1); +} + +.tationCon1_Txt2 { + font-size: 0.26rem; + color: rgba(51, 51, 51, 1); +} + +.tation_towTxt { + padding-top: 0.12rem; + display: flex; + display: -webkit-flex; + align-items: center; + justify-content: space-between; +} + +.tation_towTxt1 { + width: 4.8rem; + font-size: 0.26rem; + color: rgba(102, 102, 102, 1); +} + +.tation_tow .recordTxt2 { + margin: 0; +} + + +/* 提现记录 */ + +.mention_Box { + width: 100%; + margin-top: 0.16rem; + background-color: white; +} + +.mention_Box li { + margin: 0 0.32rem; + padding-top: 0.24rem; + padding-bottom: 0.16rem; + border-bottom: 1px solid #F5F5F5; +} + +.mention_Box li:last-child { + border: 0; +} + +.mention_con { + display: flex; + display: -webkit-flex; + padding-bottom: 0.04rem; + justify-content: space-between; +} + +.mention_Txt1 { + font-size: 0.32rem; + color: rgba(51, 51, 51, 1); +} + +.mention_Txt2 { + font-size: 0.26rem; + color: rgba(204, 204, 204, 1); +} + + +/* 推广页 */ + +.code_Box { + width: 100%; + flex: 1; + position: relative; +} + +.code_Box2 {} + +.code_Pic2 { + position: absolute; + top: 7.64rem; + left: 50%; + margin-left: -1.71rem; + width: 3.42rem; + height: 3.46rem; +} + +.code_Pic2 img { + width: 100%; + height: 100%; +} + + +/* 业务员 邀请名单页面 */ + +.yw_tation_tow { + padding-left: 0.42rem; +} + +.tation_tow2 { + display: flex; + align-items: center; + display: -webkit-flex; +} + +.tation_towImg { + width: 0.48rem; + height: 0.48rem; +} + +.tation_towImg img { + width: 100%; + height: 100%; + border-radius: 50%; +} + +.tation_towTxt2 { + font-size: 0.28rem; + margin: 0 0.12rem 0 0.24rem; + color: rgba(51, 51, 51, 1); +} + + +/* 业务员商城页面 */ + +.yw_shopImg { + width: 0.32rem; + height: 0.32rem; +} + + +/* 业务员确认订单页面 */ + +.yw_way { + width: 100%; + display: flex; + display: -webkit-flex; + align-items: center; + padding-top: 0.3rem; + padding-bottom: 0.3rem; + background-color: white; + border-bottom: 1px solid #F5F5F5; +} + +.yw_way h3 { + font-size: 0.3rem; + font-weight: 400; + margin-right: 0.64rem; + color: rgba(51, 51, 51, 1); +} + +.yw_way2 { + display: block; + display: -webkit-flex; +} + +.yw_way2Li { + padding: 0 0.2rem; + height: 0.63rem; + text-align: center; + margin-right: 0.28rem; + box-sizing: border-box; + line-height: 0.63rem; + border: 1px solid #999999; + font-size: 0.24rem; + color: rgba(153, 153, 153, 1); +} \ No newline at end of file diff --git a/public/themes/simpleboot3/public/assets/css/log.css b/public/themes/simpleboot3/public/assets/css/log.css new file mode 100644 index 0000000..797901b --- /dev/null +++ b/public/themes/simpleboot3/public/assets/css/log.css @@ -0,0 +1,2015 @@ +/* 弹框 */ + +.tx_mask { + display: none; + z-index: 2; + width: 100%; + height: 100%; + position: fixed; + background-color: rgba(0, 0, 0, 0.5); +} + +.tx_maskone { + display: none; + z-index: 2; + width: 100%; + height: 100%; + position: fixed; + background-color: rgba(0, 0, 0, 0.5); +} + +.tx_maskCon { + width: 5.6rem; + height: 6rem; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); +} + +.tx_maskConImg { + width: 100%; + height: 2.5rem; +} + +.tx_maskConImg img { + width: 100%; + height: 100%; +} + +.tx_maskCon2 { + width: 99.8%; + margin-top: -0.34rem; + box-sizing: border-box; + background-color: white; + padding: 0.66rem 0.32rem 0.3rem; +} + +.tx_maskInput { + width: 100%; + outline: none; + font-size: 0.32rem; + padding-bottom: 0.16rem; + color: rgba(204, 204, 204, 1); + border-bottom: 1px solid #F5F5F5; +} + +.tx_maskInput::placeholder { + color: rgba(204, 204, 204, 1); +} + +.tx_maskOk { + width: 100%; + height: 0.8rem; + background: linear-gradient(338deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%); + border-radius: 0.08rem; + text-align: center; + line-height: 0.8rem; + color: white; + font-size: 0.32rem; + margin-top: 0.4rem; +} + +.tx_maskTxt1 { + padding-top: 0.24rem; + display: flex; + display: -webkit-flex; + align-items: center; + justify-content: center; +} + +.tx_maskConImg2 { + width: 0.3rem; + height: 0.3rem; +} + +.tx_maskConImg2 img { + width: 100%; + height: 100%; +} + +.tx_maskTxt1 span { + margin-left: 0.04rem; + font-size: 0.24rem; + color: rgba(45, 45, 45, 1); +} + +.tx_maskTxt2 { + padding-top: 0.2rem; + text-align: center; + font-size: 0.24rem; + color: rgba(204, 204, 204, 1); +} + +.log_top { + width: 100%; + /* height: 1.76rem; */ + background-image: url(../img/41.png); + background-size: cover; + background-repeat: no-repeat; +} + +.log_top_co { + width: 100% +} + + +/* .detail_top { + background: linear-gradient(338deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%); +} */ + +.order_top { + position: relative; + width: 100%; + height: 0.88rem; +} + +.order_top img { + width: 0.32rem; + position: absolute; + margin-top: -0.16rem; + top: 50%; + left: 0.32rem; +} + +.order_top p { + text-align: center; + font-size: 0.34rem; + line-height: 0.88rem; + font-weight: 600; + color: rgba(51, 51, 51, 1); +} + + +/* 头像 */ + +.log_top_buddha { + display: flex; + justify-content: flex-start; + align-items: center; + /* margin-left: 0.32rem; */ + padding: 0.32rem 0 0.64rem 0.32rem; + box-sizing: border-box +} + +.log_top_buddha_img { + width: 1.28rem; + height: 1.28rem; + border-radius: 50%; + opacity: 1; +} + +.log_top_buddha_img img { + width: 100%; + height: 100% +} + +.log_top_buddha_contant { + /* display: none; */ + margin-left: 0.16rem +} + +.log_top_buddha_contant_one { + font-size: 0.36rem; + font-family: PingFang SC; + font-weight: 600; + color: rgba(255, 255, 255, 1); + opacity: 1; +} + +.log_top_buddha_contant_two { + font-size: 0.24rem; + font-family: PingFang SC; + font-weight: 400; + color: rgba(255, 255, 255, 1); + opacity: 0.9; +} + + +/* 个人资料 */ + +.log_top_buddha_btn { + display: block; + margin-left: 0.16rem; + width: 2.22rem; + height: 0.6rem; + border: 0.02rem solid rgba(255, 255, 255, 1); + opacity: 1; + border-radius: 0.3rem; + display: flex; + justify-content: center; + align-content: center; +} + +.log_top_buddha_btn a { + color: #fff; + font-size: 0.26rem; + line-height: 0.6rem; +} + + +/* 底部导航 */ + +.in_bottom { + position: fixed; + bottom: 0; + width: 100%; + height: 0.98rem; + background-color: white; + box-shadow: 0rem 0rem 0.3rem rgba(0, 0, 0, 0.05); +} + +.in_bottom ul { + display: flex; + display: -webkit-flex; + align-items: center; + height: 0.98rem; + margin: 0 0.7rem; + justify-content: space-between; +} + +.in_bottom ul li img { + margin: auto; + width: 0.48rem; +} + +.in_bottom ul li p { + color: #B5B5B5; + font-size: 0.2rem; + text-align: center; +} + +.ad_top { + display: flex; + display: -webkit-flex; + align-items: center; + padding: 0.18rem 0.32rem; + box-sizing: border-box; + justify-content: space-between; +} + +.ad_topImg { + width: 0.32rem; +} + + +/* log_one页面 */ + + +/* 列表 */ + +.log_one_list_one { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0.4rem 0.22rem 0.26rem 0.32rem; + box-sizing: border-box; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1); +} + +.log_one_list_left { + display: flex; + justify-content: flex-start; + align-items: center +} + +.log_one_list_img { + width: 0.32rem; + height: 0.32rem; + opacity: 1; +} + +.log_one_list_word { + margin-left: 0.16rem; + font-size: 0.32rem; + font-family: PingFang SC; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_one_list_right { + width: 0.18rem; + height: 0.16rem; + opacity: 1; +} + + +/* log_two页面 */ + +.log_two_input { + padding: 0.22rem 0.3rem 0 0.32rem; + box-sizing: border-box +} + +.log_two_input_one { + padding: 0.26rem 0; + box-sizing: border-box; + display: flex; + justify-content: flex-start; + align-items: center; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1); +} + +.log_two_input_btn { + font-size: 0.26rem; + font-weight: 400; + margin-left: auto; + color: rgba(0, 144, 255, 1); +} + +.log_two_input_title { + width: 1.6rem; + height: 0.44rem; + font-size: 0.32rem; + font-weight: 400; + line-height: 0.36rem; + color: rgba(51, 51, 51, 1); +} + +.log_two_input_contant input { + margin-left: 0.36rem; + border: none; + /* width: 4.56rem; */ + height: 0.44rem; + font-size: 0.32rem; + font-family: PingFang SC; + font-weight: 400; + line-height: 0.36rem; + color: #333; +} + + +/* 上传图片 */ + +.log_two_picture { + padding: 0.4rem 0 0 0.32rem; + box-sizing: border-box; +} + +.log_two_picture_title { + font-size: 0.26rem; + font-family: PingFang SC; + font-weight: 400; + color: rgba(153, 153, 153, 1); + opacity: 1; +} + +.log_two_picture_img { + margin-top: 0.4rem; + display: flex; + justify-content: flex-start; + align-items: center +} + +.log_two_pi_one { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 0.4rem 0.56rem 0.32rem 0.56rem; + box-sizing: border-box; + border: 0.02rem dashed rgba(204, 204, 204, 1); +} + +.log_two_pi_ones { + padding: 0 +} + +.log_two_pi_one_ps { + display: none +} + +.log_two_pi_one_icons { + width: 1.6rem!important; + height: 1.6rem!important +} + +.log_two_pi_two { + margin-left: 0.16rem +} + +.log_two_pi_one_icon { + width: 0.48rem; + height: 0.48rem +} + +.log_two_pi_one_icon img { + width: 100%; + height: 100% +} + +.log_two_pi_one_p { + margin-top: 0.08rem; + font-size: 0.24rem; + font-family: PingFang SC; + font-weight: 400; + color: rgba(204, 204, 204, 1); + opacity: 1; +} + +.input_file { + position: absolute +} + +.input_file input { + width: 0.48rem; + opacity: 0 +} + +.log_two_picture_state { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center +} + +.log_two_picture_state { + margin-top: 0.46rem +} + +.log_two_ps_one { + font-size: 0.34rem; + font-family: PingFang SC; + font-weight: 600; + color: rgba(0, 0, 0, 1); + opacity: 1; +} + +.log_two_ps_two { + margin-top: 0.34rem; + width: 5.4rem; + height: 2.84rem; + position: relative +} + +.log_two_ps_two .img1 { + width: 100%; + height: 100% +} + +.log_two_ps_two .img2 { + position: absolute; + top: 2.14rem; + left: 2.46rem; + width: 0.48rem; + height: 0.48rem; + opacity: 1; +} + +.log_two_ps_three { + text-align: center; + width: 4.8rem; + height: 0.68rem; + font-size: 0.22rem; + font-family: PingFang SC; + font-weight: 400; + line-height: 0.36rem; + color: rgba(153, 153, 153, 1); + opacity: 1; +} + +.log_two_ps_three span { + color: #FF2E2E +} + + +/* 保存 */ + +.log_two_bottom_btn { + margin: 1.12rem 0.32rem 1.6rem 0.32rem; + box-sizing: border-box; + width: 6.88rem; + height: 0.96rem; + background: linear-gradient(344deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%); + box-shadow: 0 0.06rem 0.12rempx rgba(255, 111, 0, 0.24); + opacity: 1; + border-radius: 0.08rem; + display: flex; + justify-content: center; + align-items: center; +} + +.log_two_bottom_btn a { + color: #fff; + font-size: 0.34rem; + font-weight: 600; +} + + +/* log_three页面 */ + + +/* model弹窗 */ + +.log_three_model_one { + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1); + padding-bottom: 0.2rem; + margin-bottom: 0.3rem +} + +.log_three_model_left { + width: 1.28rem; + font-size: 0.32rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_three_model_right { + display: flex; + justify-content: flex-start; + align-items: center +} + +.log_three_model_right_tltle { + font-size: 0.26rem; + font-weight: 400; + color: rgba(204, 204, 204, 1); + opacity: 1; +} + +.log_three_model_right_icon { + margin-left: 0.1rem; + width: 0.1rem; + height: 0.2rem +} + +.log_three_model_right_icon img { + width: 100%; + height: 100% +} + +.log_three_model_right input { + border: none; + padding: 0; + margin-left: 1.28rem; + text-align: right; + font-size: 0.26rem; + height: 0.36rem +} + + +/* 选择学校弹窗 */ + +.tx_mask_school { + display: none; + z-index: 2; + width: 100%; + height: 100%; + position: fixed; + background-color: rgba(0, 0, 0, 0.5); +} + +.tx_maskCon_school { + width: 100%; + height: 5.16rem; + background: #fff; + position: fixed; + bottom: 0; +} + +.three_model_school { + padding: 0.28rem 0 0.28rem 0.48rem; + box-sizing: border-box +} + +.three_model_school_title { + font-size: 0.3rem; + font-weight: 500; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.three_model_school_tab { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0.24rem 1.68rem 0 1.2rem; + box-sizing: border-box; + font-size: 0.28rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1) +} + +.three_model_school_hover:after { + content: ""; + display: block; + width: 0.6rem; + height: 0.04rem; + margin: 0.2rem auto 0; + background-color: rgba(255, 119, 0, 1); + border-radius: 0.1rem 0.1rem 0 0; +} + +.three_model_school_data { + /* display: none!important; */ + /* margin-top: */ + height: 3.64rem; + text-align: center; + display: none; + padding: 0.32rem 1.68rem 0.28rem 1.2rem; + box-sizing: border-box; + overflow-y: auto +} + +.three_model_school_name { + /* width: 750rem; */ + height: 0.36rem; + margin: 0.08rem; + font-size: 0.24rem; + font-weight: 400; + color: rgba(153, 153, 153, 1); + opacity: 1; + padding: 0.2rem 0; + line-height: 0; + /* border: 0.02rem solid rgba(153, 153, 153, 1); */ + border-left: none; + border-right: none +} + + +/* tab选项卡 */ + +.log_three_tab { + display: flex; + justify-content: space-around; + align-items: center +} + +.log_three_tab_one { + font-size: 0.28rem; + height: 0.64rem; + font-weight: 400; + color: rgba(153, 153, 153, 1); + opacity: 1; +} + +.log_three_tab_two:after { + content: ""; + display: block; + width: 0.8rem; + height: 0.04rem; + margin: 0.2rem auto 0; + background-color: rgba(255, 119, 0, 1); + border-radius: 0.1rem 0.1rem 0 0; +} + +.word_color { + color: rgba(255, 119, 0, 1); +} + + +/* 下拉框 */ + +.log_three_select { + padding: 0.4rem 0.3rem 0.32rem 0.3rem; + box-sizing: border-box +} + +.log_three_select_one { + display: flex; + justify-content: flex-end; + align-items: center; + width: 6.88rem; + border: 0.1rem solid rgba(255, 255, 255, 1); + background: rgba(247, 247, 247, 1); + border-radius: 0.08rem; + padding: 0.1rem 0.16rem 0.1rem 0; + box-sizing: border-box; + margin-bottom: 0.2rem +} + +.log_three_select_title { + font-size: 0.28rem; + font-family: PingFang SC; + font-weight: 400; + color: rgba(153, 153, 153, 1); + opacity: 1; + margin-right: 2rem +} + +.log_three_select_tlt { + margin-right: 2.45rem +} + +.log_three_select_img { + width: 0.2rem; + height: 0.1rem; +} + +.log_three_select_btn { + display: flex; + justify-content: center; + align-items: center; + font-size: 0.28rem; + font-family: PingFang SC; + font-weight: 600; + color: rgba(255, 255, 255, 1); + opacity: 1; + background: linear-gradient(350deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%); + opacity: 1; + border-radius: 0.08rem; +} + + +/* 列表内容 */ + +.log_three_list_contant { + padding: 0.32rem 0.32rem 0.16rem 0.32rem; + box-sizing: border-box; + overflow: hidden; +} + +.log_three_list { + padding: 0 0.16rem 0.32rem 0.16rem; + margin-bottom: 0.16rem; + box-sizing: border-box; +} + +.log_three_list_top { + padding: 0 0.23rem 0.3rem 0; + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1); +} + +.log_three_list_top_lo, +.log_three_list_top_lt img { + width: 0.32rem; + height: 0.32rem +} + +.log_three_list_top_lt { + margin-left: 0.32rem +} + +.log_three_shijian { + margin-left: 0.16rem; + font-size: 0.28rem; + font-family: PingFang SC; + font-weight: 400; + color: rgba(102, 102, 102, 1); + opacity: 1; +} + +.log_three_list_top_left, +.log_three_list_top_lt { + display: flex; + justify-content: flex-start; + align-items: center +} + +.log_three_list_top_right { + font-size: 0.26rem; + font-family: PingFang SC; + font-weight: 500; + color: rgba(255, 119, 0, 1); + opacity: 1; +} + +.log_three_list_center { + margin-top: 0.32rem; + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1); + padding-bottom: 0.32rem +} + +.log_three_center_one { + font-size: 0.26rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_three_center_two { + font-size: 0.22rem; + font-weight: 400; + color: rgba(153, 153, 153, 1); + opacity: 1; +} + +.log_three_center_three span { + font-size: 0.24rem +} + +.log_three_center_three { + font-size: 0.34rem; + font-weight: 400; + line-height: 25px; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + + +/* 立即发货按钮 */ + +.log_three_bottom_btn { + display: flex; + justify-content: flex-end +} + +.log_three_bottom { + margin-top: 0.3rem; + width: 1.6rem; + height: 0.48rem; + background: linear-gradient(328deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%); + box-shadow: 0 0.06rem 0.12rem rgba(255, 128, 0, 0.24); + opacity: 1; + border-radius: 0.08rem; + display: flex; + justify-content: center; + align-items: center; + font-size: 0.26rem; + font-weight: 400; + color: rgba(255, 255, 255, 1); +} + +.log_three_list_fixed { + height: 1.12rem; + display: flex; + justify-content: space-between; + align-items: center; + background: #fff +} + +.log_three_fixed_left { + margin-left: 0.32rem; + display: flex; + justify-content: flex-start; + align-items: center +} + +.log_three_fixed_left_one { + width: 0.32rem; + height: 0.32rem +} + +.log_three_fixed_left_two { + margin-left: 0.16rem; + font-size: 0.28rem; + font-family: PingFang SC; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_three_fixed_right { + width: 2.86rem; + height: 1.12rem; + background: linear-gradient(320deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%, rgba(0, 0, 0, 1) 100%); + opacity: 1; + display: flex; + justify-content: center; + align-items: center; + font-size: 0.34rem; + font-weight: 600; + color: rgba(255, 255, 255, 1); + opacity: 1; +} + + +/* log_four页面 */ + + +/* 配送方式 */ + +.log_four_top { + display: flex; + justify-content: flex-start; + align-items: center; + padding: 0.02rem 0 0.02rem 0.32rem; + box-sizing: border-box +} + +.log_four_top_left { + font-size: 0.3rem; + font-family: PingFang SC; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_four_top_right { + margin-left: 0.64rem; + display: flex; + justify-content: flex-start; + align-items: center +} + +.log_four_top_right_bg { + background-image: url(../img/71.png); + background-size: 100% 100%; + background-repeat: no-repeat; + color: #F20000 +} + +.log_four_top_right_one { + padding: 0.16rem 0.4rem; + border: 0.02rem solid rgba(153, 153, 153, 1); +} + +.log_four_top_right_two { + margin-left: 0.28rem; + padding: 0.16rem 0.2rem; + border: 0.02rem solid rgba(153, 153, 153, 1); + opacity: 1; +} + + +/* 地址信息 */ + +.log_four_input { + padding: 0 0.32rem; + margin-top: 0.28rem; + box-sizing: border-box; +} + +.log_four_input_title { + padding: 0 0.32rem; +} + +.log_four_input_one { + padding: 0.3rem 0 0.24rem 0; + box-sizing: border-box; + display: flex; + align-items: center; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1) +} + +.log_four_input_one_center { + margin-left: auto; +} + +.log_four_input_one_left { + font-size: 0.28rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; + /* text-align: left */ +} + +.log_four_input_one_center input { + outline: none; + text-align: right; + height: 0.4rem; + font-size: 0.28rem; + font-weight: 400; + color: #333; + opacity: 1; + border: none +} + +.log_four_input_border { + border: none +} + +.log_four_input_phone { + margin-left: -0.25rem; +} + +.log_four_input_one_right { + width: 0.1rem; + height: 0.2rem; + margin-left: 0.18rem; +} + + +/* 选择框 */ + +.log_four_radio { + display: none; +} + +.log_four_contant { + padding: 0.26rem 0 0.18rem 0.5rem; + box-sizing: border-box +} + +.log_four_contant_one { + display: flex; + justify-content: flex-start; + align-items: center; + margin-bottom: 0.32rem +} + +.log_four_contant_left { + width: 0.32rem; + height: 0.32rem +} + +.log_four_contant_right { + font-size: 0.32rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; + margin-left: 0.14rem +} + +.log_four_radios { + display: none +} + +.log_four_contants { + padding: 0.26rem 0 0.18rem 0.5rem; + box-sizing: border-box +} + +.log_four_contants_left { + width: 0.32rem; + height: 0.32rem +} + +.log_four_contants_right { + font-size: 0.32rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; + margin-left: 0.14rem +} + + +/* 显示班级 */ + +.log_botms { + display: flex; + justify-content: flex-start; + align-items: center; + margin-bottom: 0.32rem +} + +.log_four_contants_input_block { + display: none +} + +.log_four_contants_input { + padding-left: 0.32rem; + margin-bottom: 0.22rem +} + +.log_four_contants_input { + display: flex; + justify-content: flex-start; +} + +.log_four_xian_ban, +.log_four_xian_ban2 { + display: flex; + justify-content: flex-start; + background: rgba(247, 247, 247, 1); + opacity: 1; + border-radius: 0.08rem; + padding: 0.06rem 0.24rem 0.06rem 0.16rem; + box-sizing: border-box +} + +.log_four_xian_nei { + font-size: 0.26rem; + font-weight: 400; + color: rgba(204, 204, 204, 1); + opacity: 1; +} + +.log_four_xian_icon { + margin-top: 0.15rem; + margin-left: 0.28rem; + width: 0.2rem; + height: 0.1rem +} + +.log_four_xian_icon img { + width: 100%; + height: 100% +} + +.log_four_xian_wife { + margin: 0 0.12rem; + color: rgba(245, 245, 245, 1) +} + + +/* 选择班级列表 */ + +.log_four_li, +.log_four_li2 { + display: none; + padding: 0 0 0 0.16rem +} + +.log_four_li li, +.log_four_li2 li { + font-size: 0.26rem; + line-height: 0.52rem; + font-family: PingFang SC; + font-weight: 400; + opacity: 1; +} + + +/* 订单信息 */ + +.log_four_order { + margin-top: 0.28rem +} + +.log_four_order_details { + padding: 0.28rem 0.36rem; + box-sizing: border-box +} + +.log_four_order_one { + border-top: 0.02rem solid rgba(245, 245, 245, 1); + padding: 0.28rem 0; + display: flex; + justify-content: flex-start; + align-items: center +} + +.log_four_order_left { + width: 1.4rem; + height: 1.4rem +} + +.log_four_order_left img { + width: 100%; + height: 100% +} + +.log_four_order_center { + margin-left: 0.26rem +} + +.log_four_order_center_one { + width: 2.8rem; + font-size: 0.34rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_four_order_center_two { + margin-top: 0.24rem; + font-size: 0.28rem; + font-weight: 400; + color: rgba(153, 153, 153, 1); + opacity: 1; +} + +.log_four_order_right { + margin-left: 1rem; + font-size: 0.4rem; + font-weight: 400; + color: rgba(242, 0, 0, 1); + opacity: 1; +} + +.log_four_order_right span { + font-size: 0.28rem +} + + +/* 支付方式 */ + +.log_four_pash { + padding: 0.22rem 0.32rem 0.22rem 0.34rem; +} + +.log_four_pash_top { + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1); + padding-bottom: 0.28rem +} + +.log_four_pash_top_one { + font-size: 0.3rem; + font-family: PingFang SC; + font-weight: 400; + color: rgba(102, 102, 102, 1); + opacity: 1; +} + +.log_four_pash_top_two { + width: 0.56rem; + height: 0.56rem +} + +.log_four_pash_bottom { + margin-top: 0.3rem; + display: flex; + justify-content: flex-start; +} + +.log_four_pash_bottom_two { + margin-left: 0.26rem +} + +.log_four_pash_bottom_two textarea { + margin-top: 0.03rem; + border: none; + font-size: 0.26rem; + font-weight: 400; + color: #333; + opacity: 1; +} + + +/* 底部按钮 */ + +.log_four_zong_qian { + font-size: 0.28rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_four_zong_shu { + font-size: 0.4rem; + font-weight: 400; + color: rgba(242, 0, 0, 1); + opacity: 1; +} + +.log_four_zong_shu span { + font-size: 0.28rem +} + + +/* log_five页面 */ + + +/* 商品列表 */ + +.log_five_list { + padding: 0.32rem 0.3rem 0.32rem 0.32rem; + display: flex; + justify-content: space-around; +} + +.log_five_list_left { + width: 1.64rem; + height: 1.64rem +} + +.log_five_list_center_one { + font-size: 0.32rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_five_list_center_three { + margin-top: 0.06rem; + font-size: 0.22rem; + font-weight: 400; + color: rgba(204, 204, 204, 1); + opacity: 1; +} + +.log_five_list_right { + width: 0.48rem; + height: 0.48rem; + margin-top: 1.2rem +} + + +/* 操作 */ + +.log_five_shanxian { + display: none; +} + +.log_five_handle { + background: rgba(247, 247, 247, 1); + padding: 0.14rem 0 0.08rem 0!important; + display: flex; + justify-content: space-around; + align-items: center +} + +.log_five_handle_one { + display: flex; + flex-direction: column; + align-items: center +} + +.log_five_handle_img { + width: 0.4rem; + height: 0.4rem +} + +.log_five_handle_word { + font-size: 0.2rem; + font-weight: 400; + color: rgba(102, 102, 102, 1); + opacity: 1; +} + + +/* log_six页面 */ + +.log_six_add_photo { + border-top: 0.02rem solid rgba(247, 247, 247, 1); + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; + padding: 0.52rem 0 0.44rem 0 +} + +.log_six_add_photos { + padding: 0 +} + +.log_six_add_img { + width: 0.64rem; + height: 0.46rem; +} + +.log_six_add_imgs { + width: 100%; + height: 1.92rem; +} + +.log_six_add_img img { + width: 100%; + height: 100% +} + +.log_six_add_titles { + display: none +} + +.log_six_add_title { + margin-top: 0.2rem; + font-size: 0.26rem; + font-weight: 400; + color: rgba(204, 204, 204, 1); + opacity: 1; +} + +.log_six_input_one { + margin-top: 0.26rem; + display: flex; + justify-content: flex-start; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1); +} + +.log_six_input_contant textarea { + border: none; + margin: 0 0 0.3rem 0.36rem; + padding: 0.1rem 0.3rem; + font-size: 0.32rem; + font-weight: 400; + color: rgba(204, 204, 204, 1); + opacity: 1; +} + +.log_six_wire { + width: 7.5rem; + height: 0.16rem; + background: rgba(247, 247, 247, 1); + opacity: 1; +} + + +/* 套装 */ + +.log_six_select_contant { + padding: 0 0.3rem 0.26rem 0.32rem; + box-sizing: border-box +} + +.log_six_select_top { + margin-top: 0.26rem; + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1); + padding-bottom: 0.24rem +} + +.log_six_select_left { + display: flex; + justify-content: flex-start; + align-items: center +} + +.log_six_select_one { + width: 1.6rem; + font-size: 0.32rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_six_select_two { + margin-left: 0.75rem; + font-size: 0.32rem; + font-weight: 400; + color: rgba(204, 204, 204, 1); + opacity: 1; +} + +.log_six_select_three { + width: 0.1rem; + height: 0.2rem +} + + +/* 上传图片 */ + +.log_six_file_picture { + margin-top: 0.2rem; + display: flex; + justify-content: flex-start; + align-items: center +} + +.log_six_picture { + position: relative; + margin-right: 0.16rem +} + +.log_six_picture_one { + width: 1.6rem; + height: 1.6rem; + border: 0.02rem dashed rgba(204, 204, 204, 1); + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.log_six_pictyre_img { + width: 0.48rem; + height: 0.48rem +} + +.log_six_pictyre_imgs { + width: 100%; + height: 1.6rem +} + +.log_six_pictyre_img img { + width: 100%; + height: 100% +} + +.log_six_pictyre_title { + font-size: 0.24rem; + font-weight: 400; + color: rgba(204, 204, 204, 1); + opacity: 1; +} + +.log_six_pictyre_titles { + display: none +} + +.input_files { + position: absolute; + top: 0; + left: 0; + opacity: 0 +} + +.input_files input { + width: 1.6rem; + height: 1.6rem; +} + + +/* log_seven页面 */ + +.log_seven { + padding: 0.32rem 0.3rem 0.16rem 0.4rem +} + +.log_seven_list { + background-size: cover; + background-repeat: no-repeat; + display: flex; + justify-content: space-between; + padding: 0.2rem 0.34rem 0.32rem 0.26rem; + margin-bottom: 0.16rem +} + +.log_seven_list_one { + background-image: url(../img/81.png); +} + +.log_seven_list_two { + background-image: url(../img/80.png); +} + +.log_seven_list_three { + background-image: url(../img/79.png); +} + +.log_seven_list_four { + background-image: url(../img/78.png); +} + +.log_seven_right { + display: flex; + justify-content: flex-start; +} + +.log_seven_left_one { + font-size: 0.32rem; + font-weight: 500; + color: rgba(255, 141, 42, 1); + opacity: 1; +} + +.log_seven_left_two { + margin-top: 0.16rem; + font-size: 0.22rem; + font-weight: 400; + color: rgba(153, 153, 153, 1); + opacity: 1; +} + +.log_secen_left_three { + margin-top: 0.12rem; + font-size: 0.26rem; + font-weight: 400; + color: rgba(153, 153, 153, 1); + opacity: 1; +} + +.log_seven_right_one { + width: 0.32rem; + height: 0.32rem +} + +.log_seven_right_two { + margin-left: 0.14rem +} + + +/* 按钮 */ + +.log_seven_btn { + margin-top: 0.96rem; + display: flex; + justify-content: center; + align-items: center +} + +.log_seven_btn_contant { + width: 6.88rem; + height: 0.96rem; + background: linear-gradient(344deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%); + box-shadow: 0 0.06rem 0.12rem rgba(255, 87, 0, 0.24); + opacity: 1; + border-radius: 0.08rem; + display: flex; + justify-content: center; + align-items: center; + font-size: 0.34rem; + font-weight: 600; + color: rgba(255, 255, 255, 1); +} + + +/* log_eight页面 */ + + +/* log_nine页面 */ + +.log_nine_top { + width: 100%; + background: linear-gradient(334deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%); + opacity: 1; +} + +.log_nine_money { + padding: 0.6rem 0 0.74rem 0; + display: flex; + flex-direction: column; + align-items: center +} + +.nine_money_one { + font-size: 0.22rem; + font-weight: 400; + color: rgba(255, 255, 255, 1); + opacity: 0.7; +} + +.nine_money_two { + margin-top: 0.22rem; + font-size: 0.68rem; + font-weight: 400; + color: rgba(255, 255, 255, 1); + opacity: 1; +} + +.nine_money_explain { + display: flex; + justify-content: space-around; + align-items: center; + padding-bottom: 0.26rem +} + +.nine_money_explain_one { + display: flex; + justify-content: flex-start; +} + +.nine_money_explain_one_img { + width: 0.32rem; + height: 0.24rem; + margin-top: 0.06rem; +} + +.nine_money_explain_two_img { + width: 0.32rem; + height: 0.32rem; + margin-top: 0.04rem; +} + +.nine_money_explain_title { + font-size: 0.26rem; + font-weight: 400; + color: rgba(255, 255, 255, 1); + opacity: 0.7; + margin-left: 0.08rem +} + + +/* 其他信息 */ + +.log_nine_center { + background: rgba(247, 247, 247, 1); + padding: 0.16rem 0 0.16rem 0.32rem; + font-size: 0.26rem; + font-weight: 400; + color: rgba(204, 204, 204, 1); + opacity: 1; +} + + +/* 列表 */ + +.log_nine_list_one { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0.24rem 0.3rem 0.22rem 0.32rem; + box-sizing: border-box; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1) +} + +.log_nine_list_one_left { + display: flex; + justify-content: flex-start; + align-items: center +} + +.log_nine_list_one_left_img { + width: 0.32rem; + height: 0.32rem +} + +.log_nine_list_one_left_title { + margin-left: 0.16rem; + font-size: 0.32rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_nine_list_one_left_title_add { + margin-left: 0.32rem; + font-size: 0.28rem; + color: #999999 +} + +.log_nine_list_one_right { + width: 0.1rem; + height: 0.2rem +} + + +/* log_ten页面 */ + +.log_ten_list { + /* margin-top: 0.32rem; */ + padding: 0.32rem; + box-sizing: border-box +} + +.log_ten_list_contant { + padding: 0.48rem 0.18rem; + box-sizing: border-box +} + +.log_ten_list_one { + padding: 0.16rem 0.26rem 0.3rem 0.16rem; + display: flex; + justify-content: flex-start; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1); + /* background: rgba(245, 245, 245, 1) */ +} + +.log_ten_list_one_left { + width: 1.28rem; + height: 1.28rem +} + +.log_ten_list_one_left img { + width: 100%; + height: 100% +} + +.log_ten_list_one_center { + margin-left: 0.22rem; + margin-top: 0.16rem +} + +.log_ten_list_one_center_top { + width: 3.2rem; + font-size: 0.34rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_ten_list_one_center_bottom { + margin-top: 0.2rem; + display: flex; + justify-content: flex-start; +} + +.log_ten_list_onb_icon { + width: 0.24rem; + height: 0.24rem; + margin-top: 0.05rem +} + +.log_ten_list_onb_title { + margin-left: 0.1rem; + font-size: 0.22rem; + line-height: 18px; + color: rgba(204, 204, 204, 1); + opacity: 1; +} + +.log_ten_list_one_right { + margin-left: 1.2rem; +} + +.log_ten_list_one_right_top { + font-size: 0.34rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_ten_list_one_right_top span { + font-size: 0.24rem +} + +.log_ten_list_one_right_bottom { + margin-top: 0.24rem; + font-size: 0.24rem; + font-weight: 400; + color: rgba(153, 153, 153, 1); + opacity: 1; +} + +.log_ten_money_select_top { + display: flex; + justify-content: center; + align-items: center; + font-size: 0.4rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; + margin-bottom: 0.42rem +} + +.log_ten_money_select_top span { + font-size: 0.22rem; +} + +.log_ten_money_select_title { + font-size: 0.32rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_ten_bottom_btn_left { + width: 4.16rem; + background: #fff; + font-size: 0.34rem; + font-weight: 600; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_ten_bottom_btn_right-right { + width: 3.34rem +} + +.log_eleven_hide { + display: none +} + +.log_ten_block { + display: block!important; +} + + +/* log_eleven页面 */ + +.log_eleven_list { + padding: 0.32rem; + box-sizing: border-box +} + +.log_eleven_list_contant { + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1); + padding: 0.34rem 0.4rem 0.4rem 0.32rem; + box-sizing: border-box; + margin-bottom: 0.22rem +} + +.log_eleven_title { + font-size: 0.32rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_eleven_time { + margin-top: 0.2rem; + display: flex; + justify-content: flex-start; + align-items: center +} + +.log_eleven_time_icon { + width: 0.32rem; + height: 0.32rem +} + +.log_eleven_time_num { + margin-left: 0.18rem; + font-size: 0.28rem; + font-weight: 400; + color: rgba(102, 102, 102, 1); + opacity: 1; +} + +.log_eleven_list_contant_right { + font-size: 0.32rem; + font-weight: 400; + color: rgba(242, 0, 0, 1); + opacity: 1; +} + + +/* log_twelve页面 */ + +.log_twelve_list { + margin-top: 0.16rem; + padding: 0.32rem 0.3rem 0.32rem 0.32rem; + box-sizing: border-box +} + +.log_twelve_list_contant_one { + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1); + padding-bottom: 0.18rem +} + +.log_twelve_list_left, +.log_twelve_list_right { + display: flex; + justify-content: flex-start; + align-items: center +} + +.log_twelve_list_left_img { + width: 0.8rem; + height: 0.8rem; +} + +.log_twelve_list_left_img img { + width: 100%; + height: 100% +} + +.log_twelve_list_left_title { + margin-left: 0.16rem; + font-size: 0.32rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_twelve_list_right_word { + font-size: 0.26rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_twelve_list_right_word span { + margin-left: 0.04rem +} + +.log_twelve_list_right_icon { + margin-left: 0.3rem; + width: 0.2rem; + height: 0.1rem; +} + +.log_twelve_list_right_icon img { + width: 100%; + height: 100% +} + + +/* 佣金列表 */ + +.log_twelve_money { + padding: 0.28rem 0 0.18rem 0.4rem; + box-sizing: border-box +} + +.log_twelve_money_one { + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 0.02rem solid rgba(245, 245, 245, 1); + padding-bottom: 0.18rem +} + +.log_twelver_money_left_top { + display: flex; + justify-content: flex-start; + align-items: center +} + +.log_twe_mon_left_one { + width: 0.48rem; + height: 0.48rem +} + +.log_twe_mon_left_one img { + width: 100%; + height: 100% +} + +.log_twe_mon_left_two { + margin-left: 0.24rem; + font-size: 0.28rem; + font-weight: 400; + color: rgba(51, 51, 51, 1); + opacity: 1; +} + +.log_twe_mon_left_three { + margin-left: 0.12rem; + display: flex; + justify-content: center; + align-items: center; + width: 1.16rem; + height: 0.34rem; + background: linear-gradient(350deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%); + opacity: 1; + border-radius: 0.22rem; + font-size: 0.22rem; + color: rgba(255, 255, 255, 1); +} + +.log_twelver_money_left_bottom { + font-size: 0.26rem; + font-weight: 400; + color: rgba(102, 102, 102, 1); + opacity: 1; +} \ No newline at end of file diff --git a/public/themes/simpleboot3/public/assets/css/reset.css b/public/themes/simpleboot3/public/assets/css/reset.css index 6642d18..802a13a 100644 --- a/public/themes/simpleboot3/public/assets/css/reset.css +++ b/public/themes/simpleboot3/public/assets/css/reset.css @@ -62,6 +62,7 @@ menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + word-wrap: break-word; } diff --git a/public/themes/simpleboot3/public/assets/images/39.png b/public/themes/simpleboot3/public/assets/images/39.png index cff8f04..3280413 100644 Binary files a/public/themes/simpleboot3/public/assets/images/39.png and b/public/themes/simpleboot3/public/assets/images/39.png differ diff --git a/public/themes/simpleboot3/public/assets/images/39_0.png b/public/themes/simpleboot3/public/assets/images/39_0.png new file mode 100644 index 0000000..16135f3 Binary files /dev/null and b/public/themes/simpleboot3/public/assets/images/39_0.png differ diff --git a/public/themes/simpleboot3/public/assets/images/39_1.png b/public/themes/simpleboot3/public/assets/images/39_1.png new file mode 100644 index 0000000..a9842ba Binary files /dev/null and b/public/themes/simpleboot3/public/assets/images/39_1.png differ diff --git a/public/themes/simpleboot3/public/assets/images/dingdan.png b/public/themes/simpleboot3/public/assets/images/dingdan.png new file mode 100644 index 0000000..19af3d8 Binary files /dev/null and b/public/themes/simpleboot3/public/assets/images/dingdan.png differ diff --git a/public/themes/simpleboot3/public/assets/images/down.png b/public/themes/simpleboot3/public/assets/images/down.png new file mode 100644 index 0000000..cca4620 Binary files /dev/null and b/public/themes/simpleboot3/public/assets/images/down.png differ diff --git a/public/themes/simpleboot3/public/assets/images/fangkuang.png b/public/themes/simpleboot3/public/assets/images/fangkuang.png new file mode 100644 index 0000000..76e9f45 Binary files /dev/null and b/public/themes/simpleboot3/public/assets/images/fangkuang.png differ diff --git a/public/themes/simpleboot3/public/assets/images/jiahao.png b/public/themes/simpleboot3/public/assets/images/jiahao.png new file mode 100644 index 0000000..ad65cce Binary files /dev/null and b/public/themes/simpleboot3/public/assets/images/jiahao.png differ diff --git a/public/themes/simpleboot3/public/assets/images/school.png b/public/themes/simpleboot3/public/assets/images/school.png new file mode 100644 index 0000000..e64c7da Binary files /dev/null and b/public/themes/simpleboot3/public/assets/images/school.png differ diff --git a/public/themes/simpleboot3/public/assets/images/shangpin.png b/public/themes/simpleboot3/public/assets/images/shangpin.png new file mode 100644 index 0000000..44ea8a9 Binary files /dev/null and b/public/themes/simpleboot3/public/assets/images/shangpin.png differ diff --git a/public/themes/simpleboot3/public/assets/images/shenglve.png b/public/themes/simpleboot3/public/assets/images/shenglve.png new file mode 100644 index 0000000..f731b35 Binary files /dev/null and b/public/themes/simpleboot3/public/assets/images/shenglve.png differ diff --git a/public/themes/simpleboot3/public/assets/images/up.png b/public/themes/simpleboot3/public/assets/images/up.png new file mode 100644 index 0000000..73daaa7 Binary files /dev/null and b/public/themes/simpleboot3/public/assets/images/up.png differ diff --git a/public/themes/simpleboot3/public/assets/images/xuanzhong (1).png b/public/themes/simpleboot3/public/assets/images/xuanzhong (1).png new file mode 100644 index 0000000..dc53e36 Binary files /dev/null and b/public/themes/simpleboot3/public/assets/images/xuanzhong (1).png differ diff --git a/public/themes/simpleboot3/public/assets/js/address.js b/public/themes/simpleboot3/public/assets/js/address.js new file mode 100644 index 0000000..e133ac5 --- /dev/null +++ b/public/themes/simpleboot3/public/assets/js/address.js @@ -0,0 +1,63 @@ +// 删除默认 +document.addEventListener('DOMContentLoaded', function() { + // var oUl = document.getElementsById('ad_contentUl')[0]; + var oUl = document.querySelector('#ad_contentUl'); + var aLi = oUl.querySelectorAll('li'); + var aDiv = document.querySelectorAll('.ad_conBox'); + var aDel = document.querySelectorAll('.ad_move'); + var aMo = document.querySelectorAll('.ad_mo'); + + var n = 0; + for (var i = 0; i < aLi.length; i++) { + console.log(i); + aLi[i].index = i; + // 滑动开始 + aLi[i].addEventListener('touchstart', function(ev) { + ev.preventDefault(); + var oldX = ev.targetTouches[0].pageX; + console.log(oldX); + + function fnMove(ev) { + ev.preventDefault(); + var newX = ev.targetTouches[0].pageX - oldX; + aLi[this.index].style.transform = 'translateX(' + newX + 'px)'; + } + + function fnEnd(ev) { + aLi[this.index].removeEventListener('touchmove', fnMove, false); + aLi[this.index].removeEventListener('touchend', fnEnd, false); + ev.preventDefault(); + var changeX = ev.changedTouches[0].pageX; + if (oldX - changeX > 40) { + aLi[this.index].style.transition = '1s all ease'; + aLi[this.index].style.transform = 'translateX(-2.58rem)'; + } else { + aLi[this.index].style.transform = 'translateX(0)'; + } + } + aLi[this.index].addEventListener('touchmove', fnMove, false); + aLi[this.index].addEventListener('touchend', fnEnd, false); + }, false) + // 删除按钮 + aDel[i].index = i; + aDel[i].addEventListener('touchstart', function() { + this.innerHTML = ''; + this.style.height = '0'; + this.style.display = 'none'; + aLi[this.index].style.height = '0'; + aLi[this.index].style.display = 'none'; + aDiv[this.index].style.height = '0'; + aDiv[this.index].style.display = 'none'; + aDiv[this.index].innerHTML = ''; + this.addEventListener('transitionend', function() { + oUl.removeChild(aLi[this.index]); + }, false) + }, false); + aMo[i].index = i; + aMo[i].addEventListener('touchstart', function() { + // var adName = document.querySelectorAll('.ad_conMo'); + $('.ad_conMo').eq(this.index).css('display', 'block').parents('li').siblings().find('.ad_conMo').css('display', 'none') + + }, false) + } +}, false); \ No newline at end of file