xuanchen/Babyclass
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

更新代码

Browse Source
This commit is contained in:
徐永宾
2020-08-04 10:17:22 +08:00
parent c2ac5d964e
commit 55514ed071
954 changed files with 119510 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/css/app.css Normal file
View File

File diff suppressed because one or more lines are too long

4
public/css/mzui.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

214
public/css/style.css Normal file
View File

@@ -0,0 +1,214 @@
ul{margin: 0; padding: 0; list-style-type: none;}
html *{box-sizing:border-box;}
img{max-width: 100%;margin: 0}
input,button,select{outline: none;}
input{-webkit-appearance: none;}
.input:focus,.select>select:focus,.textarea:focus{border-color:transparent;outline:0;box-shadow:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size: .7rem;color: #aaa}
body{background-color: #f7f7f7;}
.btn.focus:after,.btn:focus:after{opacity:0;}
.text-nowrap{max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-nowrap-multi {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.img-bg{background-image: url(../img/img.png);position: relative;}
.img-bg span{width: 100%;height: 100%;position: absolute;background-size:cover;top: 0;left: 0}
.white_fixed{background-color: #fff;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: -1}
.padding_btm{border-bottom: 4rem solid transparent;}
.block-padd{width: 100%;padding:.5rem .75rem;position: relative;overflow: hidden;}
.e-block{width: 100%;position: relative;overflow: hidden;display: block;}
.white-bg{background-color: #fff;}
.default-btn{width: 100%;line-height: 2.2rem;background-color: #39a6ad;text-align: center;color: #fff;font-size: .8rem;position: fixed;bottom: 0;left: 0;z-index: 100;border:0;padding: 0}
.default-i{width: 1rem;display: inline-block;}
/*商品详情*/
.j_product_img{width: 100%;padding-top: 100%;}
.j_product_name{width: 100%;font-size: .8rem;padding: .75rem;background-color: #fff}
.j_product_notoce{width: 100%;padding: 0 .75rem;background-color: #f7f7f7;line-height: 1.7rem;}
.j_product_money{width: 100%;background-color: #fff;padding: 0 .75rem .75rem;border-bottom: 1px solid #eee}
.j_money_num{font-size: 1rem;font-weight: 700;display: inline-block;padding: 0 .5rem 0 .2rem;}
.j_money_old{font-size: .55rem;color: #bbb;text-decoration: line-through;}
.j_explain{width: 100%;background-color: #fff;margin-top: .75rem;border-top: 1px solid #eee;padding: 1.5rem}
.j_explain_top{width: 100%;text-align: center;font-size: .9rem;font-weight: 700;}
.j_explain_top span{color: #999}
.j_explain_small{width: 100%;background-image: url(../img/j02.jpg);background-size: 100% auto;background-repeat: no-repeat;background-position: top center;text-align: center;color: #999;font-size: .6rem;padding: 1rem 2rem;margin-top: .5rem}
.j_explain_list,.j_explain_list li{width: 100%;}
.j_explain_list_title{width: 100%;font-weight: 700;line-height: 1.5rem;margin-top: 1rem}
.j_explain_list_text{width: 100%;font-size: .6rem;}
.j_describe{width: 100%;padding-bottom: 3rem;background-color: #fff}
.j_describe img{display: block;}
.j_bottom{width: 100%;position: fixed;bottom:0;padding: .75rem;z-index: 1000;overflow: hidden;}
.j_home{width: 4.5rem;height: 2.3rem;line-height: 2.3rem;background-color:#313131;color: #e3c7ad;font-size: .6rem;text-align: center;border-radius: 2.3rem;float: left; }
.j_home i{display: inline-block;margin-right: .3rem}
.j_buy{width:calc(100% - 5.25rem);height: 2.3rem;line-height: 2.3rem;background-color:#e3c7ad;color: #313131;font-size: .75rem;text-align: center;border-radius: 2.3rem;float: left;margin-left: .75rem }
.j_price_i{font-size: .6rem}
/*我的*/
.j_my_top{width: 100%;background-color: #333333;padding: .75rem;overflow: hidden;padding-top: 1rem}
.j_my_head{width: 2.6rem;height: 2.6rem;float: left;border-radius: 100%;overflow: hidden;}
.j_my_top_center{width: calc(100% - 8.6rem);float: left;padding-left: .5rem;}
.j_my_name{width: 100%;line-height: 1.3rem;color: #fff;font-size: .8rem}
.j_my_p{width: 100%;line-height: 1.3rem;color: #999;font-size: .6rem}
.j_my_vip{display: inline-block;padding: 0 .5rem;background-color:#e3c7ad;line-height: 1rem;height: 1rem;font-size: .6rem;border-radius: 1rem;color: #333 }
.j_my_bang{width: 3rem;float: right;text-align: center;font-size: .6rem;color: #999}
.j_my_bang i{font-size: 1rem;color: #fff;display: inline-block;margin-bottom: .3rem;height: 1.3rem;line-height: 1.3rem}
.j_account{width: 100%;background-color: #333;padding: .75rem;overflow: hidden;}
.j_account_name{width: 50%;float: left;color: #bbb;line-height: 1.5rem}
.j_account_num{width: 50%;float: left;color: #e3c7ad;font-size: 1rem;line-height: 1.5rem;text-align: right}
.j_account_withdraw{width: 100%;background-color: #fff;padding: .75rem;border-bottom: 1px solid #eee;}
.j_account_withdraw_top{width: 100%;line-height: 1rem}
.j_withdraw_num{width: 100%;position: relative;margin-top: .2rem}
.j_withdraw_num span{font-size: .8rem;color: #e3c7ad;line-height: 1.5rem}
.j_withdraw_btn1{width: 3rem;line-height: 1.3rem;background-color: #e3c7ad;color: #fff;text-align: center;font-size: .6rem;border-radius: .2rem;float: right;}
.j_withdraw_btn2{width: 3rem;line-height: 1.2rem;background-color: #fff;color: #e3c7ad;text-align: center;font-size: .6rem;border-radius: .2rem;float: right;margin-right: .75rem;border:.05rem solid #e3c7ad;}
.j_order{width: 100%;background-color: #fff;margin-top: .75rem;border-top: 1px solid #eee;padding: .75rem;border-bottom: 1px solid #eee;}
.j_order_top{width: 100%;line-height: 1rem;position: relative;}
.j_my_i{position: absolute;right: 0;top: 0;line-height: 1rem;color: #bbb;}
.j_order_list{width: 100%;overflow: hidden;padding-top: .75rem}
.j_order_list li{width: 25%;float: left;text-align: center;}
.j_order_i{width: 1rem;margin: 0px auto .2rem}
.j_order_status{width: 100%;text-align: center;line-height: 1rem;font-size: .6rem;color: #666}
.j_follower{width: 100%;padding: .5rem 0}
.j_follower span{font-size: 1.5rem;font-weight: 700;position: relative;overflow: hidden;line-height: 2rem}
.j_follower_day{width: 4rem;float: right;text-align: center;font-size: .6rem;line-height: 1rem}
.j_follower_day div:first-child{color: #999;}
.j_follower_day:nth-child(2){border-left: 1px solid #eee}
.j_follower_notice{width: 100%;line-height: 1rem;}
.j_follower_notice span{color: #e3c7ad}
.j_my_list{width: 100%;line-height: 1rem;padding: .6rem .75rem;border-bottom: 1px solid #eee;border-top: 1px solid #eee;background-color: #fff;margin-top: .75rem;position: relative;}
.j_my_list_i{position: absolute;right: .75rem;top:.6rem;line-height: 1rem;color: #bbb;}
.j_my_people{width: 100%;overflow: hidden;padding-top: .75rem}
.j_my_people_head{width: 1.5rem;height: 1.5rem;float: left;border-radius: 100%;overflow: hidden;}
.j_my_people_right{width: calc(100% - 1.5rem);float: left;padding-left: .5rem}
.j_my_people_name{width: 100%;line-height: .75rem;font-size: .6rem}
.j_my_people_time{width: 100%;line-height: .75rem;font-size: .6rem;color: #999}
.j_my_people_code{line-height: 1rem;padding-right: 1.5rem;position: absolute;right: 0;bottom: .6rem;color: #666;padding-top: .6rem}
.jian .j_my_people{display: none}
.j_code_notice{width: 80%;height: 2.5rem;line-height: 2.5rem;background-color: rgba(0,0,0,.7);border-radius: .25rem;color: #fff;text-align: center;position:absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10000;margin:auto;display: none}
.j_footer{padding: 0 1rem;height: 2.3rem;border-radius: 2.3rem;background-color: #313131;overflow: hidden;display: inline-block;margin-left:10%;width: 80%;}
.j_footer_nav{width:50%;float: left;text-align: center;}
.j_footer_nav i{font-size: 1rem;color: #fff;line-height: 1rem;height: 1rem;display: block;margin-top: .2rem}
.j_footer_nav span{width: 100%;font-size: .6rem;color: #999;text-align: center;line-height:1rem;display: block;height: 1rem; }
.j_footer .active i,.j_footer .active span{color: #e3c7ad}
/*提交订单*/
.farm-button-orange{text-align: center;background-color: #f99219;color: #fff;font-size: .8rem;line-height: 2.7rem;border:0;outline: none;}
.gd-qrdd-dz{width: 100%;height: auto;padding: 1rem 1.5rem 1rem .75rem;font-size: .7rem;color: #000;background: #fff;position: relative; }
.lion-dz {width: 100%;overflow: hidden;}
.lion-dz1 {width: 60%;height: 1.25rem;line-height: 1.25rem;float: left;padding-left: 3rem;}
.lion-dz2{width: 40%;height: 1.25rem;line-height: 1.25rem;float: left;text-align: right;}
.lion-dz1 span {position: absolute;margin-left: -3rem;text-align: justify;width: 3rem;color: #666}
.gd-qrdd-dz1 {width: 100%;line-height: 1.25rem;padding-left: 3.5rem;height: auto;color: #000;margin-top: .2rem}
.gd-qrdd-dz i {width: .5rem;height:4.7rem;right: .5rem;top:0rem;position: absolute;line-height: 4.7rem;color: #bbb}
.gd-qrdd-tdz {width: 100%;padding: .75rem;line-height: 1rem;color: #666;position: relative;background-color: #fff;}
.farm-add-address{width: 50%;background-color: #e01507;text-align: center;border:0;border-radius: .2rem;color: #fff;line-height: 2.1rem;height: 2.1rem}
.gd-qrdd-sp-t-bg {width: 4rem;height: 4rem;margin: .75rem;background-image: url(../img/img.png);}
.gd-qrdd-sp-t {width: 4rem;height: 4rem;background-repeat: no-repeat;background-size: cover;}
.gd-qrdd-sp-z {width: auto;padding-top: .75rem;padding-right: .75rem;-webkit-box-flex: 1;}
.gd-qrdd-sp-title {width: 100%;height: 1rem;font-size: .7rem;color: #333;line-height: 1rem;overflow: hidden;}
.lion-sp-ms {height: auto;overflow: visible;white-space: normal;margin-top: .25rem;font-size: .6rem;width: 100%;color: #999;line-height: 1.25rem;}
.gd-sc-sp-ms {width: 100%;height: 1.5rem;font-size: .6rem;color: #999;line-height: 1.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.lion-pri {color: #e01507;font-size: .75rem;}
.lion-pri span {font-size: .55rem;float: left;}
.gd-qrdd-h {padding: .75rem;border-bottom: 1px solid #eee;font-size: .7rem;width: 100%;overflow: hidden;background-color: #fff;}
.gd-qrdd-ly {width: calc(100% - 3.5rem);border: none;float: right;}
.farm-count{width: 100%;line-height: 1.25rem;overflow: hidden;padding: .75rem;border-bottom: 1px solid #eee;background-color: #fff;position: relative;}
.farm-count-name{width: 50%;float: left;}
.farm-count-num{width: 50%;float: left;text-align: right;}
.count-box{width: 100%;border-top: 1px solid #eee;margin-top: .75rem;margin-bottom: .75rem;}
.logistics{width: 100%;background-color: #fff;margin-top: .75rem;border-top: 1px solid #eee;border-bottom: 1px solid #eee;overflow: hidden;padding: .75rem;}
.logistics-name{width: 4.5rem;float: left;}
.logistics-right{float: right;}
.radio>input:focus+label:after{background-color:#e3c7ad}
.checkbox>input:focus+label:after{color:#e3c7ad}
.radio>input:focus+label:before{border-color:#e3c7ad}
.worth-input{width: 9rem;float: right;border:0;text-align: right}
.worth-have{width: 100%;display: inline-block;text-align: right;line-height: 1.5rem;font-size: .6rem;color: #e3c7ad}
.footer-btn{width: 100%;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: .8rem;color: #fff;background-color: #e01507;position: fixed;bottom: 0;left: 0;border:0;z-index: 1000}
.confirm_list{width: 100%;margin-top: .75rem;border-top: 1px solid #eee;border-bottom: 1px solid #eee}
.confirm_list li {width: 100%;height: 7rem;border-bottom:1px dashed #eee; height: auto;position:relative;background: #FFF;display: -webkit-box;}
.confirm_list li:last-child{border-bottom: 0}
.confirm_address{position:absolute; margin-left:-3.5rem; width:3.5rem;color: #666}
.j_address_line{width: 100%;height: .2rem;background-image: url(../img/line.jpg);background-size: 100% 100%;}
.j_older_price{margin-top: .5rem}
#j_express{width: 100%;line-height: 1.25rem;border:0;-webkit-appearance: none;direction: rtl;padding-right: 1rem;}
.j_express_i{position: absolute;line-height: 1.25rem;right: .75rem;top: .75rem;color: #bbb}
.j_self_address{width: 100%;line-height: 1.1rem;padding:.75rem;color: #666;display: none }
#j_express_free{display: none}
.j_order_btn{position: relative;float: right;width: 80%;background-color: #e3c7ad;padding: 0 1rem;border-radius: 2.3rem;height: 2.3rem;line-height: 2.3rem;overflow: hidden;}
.j_order_btn span{display: inline-block;padding-left:.5rem;font-weight: 700}
.j_order_btn button{width: 5.5rem;position: absolute;right: 0;line-height: 2.3rem;height: 2.3rem;text-align: center;color: #fff;font-size: .8rem;background-color: #313131;padding: 0}
/*支付*/
.pay-top{width: 100%;background-color: #fff;padding: 1.5rem;border-bottom: 1px solid #eee}
.pay-name{width: 100%;line-height: 1.5rem;text-align: center;font-size: .7rem;color: #666;}
.pay-money{width: 100%;font-size: 1.75rem;color: #e01507;text-align: center;}
.pay-money span{font-size: .75rem;color: #666}
.pay-mode{width: 100%;background-color: #fff;border-top: 1px solid #eee;margin-top: .75rem;}
.pay-mode li{width: 100%;padding:.6rem .75rem;overflow: hidden;border-bottom: 1px solid #eee}
.pay-img{width: 2rem;height: 2rem;float: left;}
.pay-text{width: calc(100% - 3rem);float: left;padding-left: .5rem;padding-right: .5rem;line-height: 2rem}
.pay-text-bottom{width: 100%;line-height: 1rem;font-size: .6rem;color: #999}
.pay-redio{width: 1rem;height: 1.25rem;float: left;padding-top: .35rem;}
.farm-radio {line-height: 1.25rem;display: inline-block;width: 1.75rem;float: left;}
.farm-radio input {display: inline-block;width: 1.3rem;height: 1.3rem;position: relative;overflow: visible;border: 0;background: 0 0;-webkit-appearance: none;outline: 0;margin-right: 8px;vertical-align: middle;}
.farm-radio input:before {width: .75rem;height: .75rem;content: '';display: block;width: 1.2rem;height: 1.2rem;border: 1px solid #dfe0e1;border-radius: .65rem;-webkit-background-clip: padding-box;background-clip: padding-box;position: absolute;left: 0;top: 0;}
.farm-radio input:checked:after {left: .25rem;top: .25rem;background: #e3c7ad;content: '';display: block;width: .7rem;height: .7rem;border-radius: .35rem;position: absolute;}
.j_submit{width: 100%;line-height: 2.3rem;height: 2.3rem;text-align: center;color: #000;font-size: .8rem;background-color: #e3c7ad;border-radius: 2.3rem;}
/*支付成功*/
.success_i{width: 100%;text-align: center;padding-top: 3rem;}
.success_i i{font-size: 4rem;color: #e01507}
.success_text{width: 100%;text-align: center;color: #666;padding: .75rem;font-size: .9rem;font-weight: 700}
.success_btn{width: 100%;overflow: hidden;padding: 2rem;margin-top: 2rem}
.success_link{width: calc(50% - .4rem);float: left;line-height: 2rem;text-align: center;background: #e3c7ad;color: #fff;border-radius: .2rem;}
.link_right{float: right;background: #313131}
/*收货地址*/
.farm-address-choice{width: 100%;padding:.75rem;}
.farm-address-choice li{width: 100%;border:1px solid #dedede;border-radius: .2rem;overflow: hidden;margin-bottom:.75rem;background-color: #fff;}
.wd-xzdz-m {width: 50%;height: 1.5rem;font-size: .7rem;color: #444;float: left;line-height: 1.5rem;padding-left: .5rem;box-sizing: border-box;margin-top: .5rem;}
.wd-xzdz-m2 {width: 50%;height: 1.5rem;font-size: .7rem;color: #444;text-align: right;float: left;line-height: 1.5rem;padding-right: .5rem;box-sizing: border-box;margin-top: .5rem;}
.address-s {padding: 0;font-size: .7rem;color: #666;border-bottom: 1px dashed #ddd;padding-bottom: .65rem;padding-left: .5rem;clear: both}
.farm-address-b {padding: .5rem;font-size: .7rem;color: #444;background-color: #f6f6f6;overflow: hidden;position: relative;}
.farm-address-b p{width: calc(100% - 1.75rem);float: left;margin: 0}
.farm-radio {line-height: 1.25rem;display: inline-block;width: 1.75rem;float: left;}
.farm-radio input {display: inline-block;width: 1.3rem;height: 1.3rem;position: relative;overflow: visible;border: 0;background: 0 0;-webkit-appearance: none;outline: 0;margin-right: 8px;vertical-align: middle;}
.farm-radio input:before {width: .75rem;height: .75rem;content: '';display: block;width: 1.2rem;height: 1.2rem;border: 1px solid #dfe0e1;border-radius: .65rem;-webkit-background-clip: padding-box;background-clip: padding-box;position: absolute;left: 0;top: 0;}
.farm-radio input:checked:after {left: .25rem;top: .25rem;background: #e3c7ad;content: '';display: block;width: .7rem;height: .7rem;border-radius: .35rem;position: absolute;}
.xz-bj {position: absolute;right: 4rem;top: .5rem;color: #666;border: 1px solid #cacccd;width: 55px;height: 1.25rem;line-height: 1.05rem;font-size: .65rem;border-radius: .2rem;background-color: #fff;padding: 0}
.xz-sc {position: absolute;right: .5rem;top: .5rem;color: #666;border: 1px solid #cacccd;width: 55px;height: 1.25rem;line-height: 1.05rem;font-size: .65rem;border-radius: .2rem;background-color: #fff;padding: 0}
.dash-none{border-bottom: none;}
.color-orange {color: #e3c7ad;}
.empty{width: 100%;text-align: center;padding-top: 20%;}
.empty img{width: 30%;display: block;margin: 0px auto}
.empty p{width: 100%;text-align: center;color: #999;margin-top: 1rem}
/*添加收货地址*/
.g-input{width:100%;overflow:hidden;padding:.75rem}
.g-input-name{width:4.5rem;float:left;font-size:.7rem;line-height:1.5rem}
.g-input input{width:calc(100% - 4.5rem);float:left;line-height:1.5rem;border:0;border-bottom:1px solid #eee;background:0 0;outline:0;color:#666;padding:0}
.g-select{width:100%;overflow:hidden;padding:.5rem}
.g-select select{width:calc(100% - 4.5rem);float:right;line-height:1.5rem;border:0;border-bottom:1px solid #eee;background:0 0;outline:0;color:#666;height:1.5rem}
.g-select textarea{width:calc(100% - 4.5rem);float:right;border:0;border-bottom:1px solid #eee;background:0 0;outline:0;color:#666;}
.address-i{width: 1rem;display: inline-block;color: #999}
.j_address_bg{background-color: #fff;border-bottom: 1px solid #eee;padding-bottom: .5rem}
.use-mode{width: 1.5rem;float: right;position: relative;text-align: right}
.use-mode>input {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 1.25rem;margin: 0;opacity: 0;}
.use-mode>label {display: block;padding: 0;margin: 0;font-weight: 400;line-height:1rem;}
.use-mode>label:after, .use-mode>label:before {position: absolute;top: 0px;left: 0;display: block;width: 1.5rem;height: 1rem;pointer-events: none;content: ' ';border: 1px solid #eee;border-radius: .5rem;-webkit-transition: all .4s cubic-bezier(.175,.885,.32,1);-o-transition: all .4s cubic-bezier(.175,.885,.32,1);transition: all .4s cubic-bezier(.175,.885,.32,1);}
.use-mode>label:after {top: 1px;width: .9rem;height: .9rem;background-color: #fff;border-color: #eee;border-radius: 9px;-webkit-box-shadow: rgba(0,0,0,.05) 0 1px .2rem, rgba(0,0,0,.12) 0 1px .1rem;box-shadow: rgba(0,0,0,.05) 0 1px .2rem, rgba(0,0,0,.12) 0 1px .1rem;}
.use-mode>input:checked+label:before {background-color: #e3c7ad;border-color: #e3c7ad;}
.use-mode>input:checked+label:after {left: .55rem;border-color: #fff;}
@media only screen and (max-width: 320px) {
html{box-sizing:border-box;font-size: 19px;}
}
@media only screen and (min-width: 410px) {
html{box-sizing:border-box;font-size: 21px;}
}