作者 anyv
1 个管道 的构建 通过 耗费 1 秒

个人中心

<?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
... ...
<!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
... ...
... ... @@ -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
... ...
/* 弹框 */
.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
... ...
... ... @@ -62,6 +62,7 @@ menu,
nav,
section {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
word-wrap: break-word;
}
... ...

747 字节 | 宽: | 高:

498 字节 | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖
// 删除默认
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
... ...