From 5a2e999eae52c26e52c8ab12f7b432d6121b94c2 Mon Sep 17 00:00:00 2001 From: yaya <3504524067@qq.com> Date: Wed, 3 Aug 2022 21:28:45 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E70%=E9=9D=99=E6=80=81?= =?UTF-8?q?=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- commons/base.css | 150 ++++++++++++--- components/containers/status-container.vue | 2 +- components/list.vue | 38 ++++ components/status-navs/custom-status-nav.vue | 10 +- components/swiper-tab/swiper-tab.vue | 21 ++- components/swipers/swiper-pu.vue | 1 - jsFile/tools.js | 16 ++ pages.json | 137 +++++++++++++- pages/tabbar/course/course.vue | 32 +++- pages/tabbar/my/my.vue | 70 ++++++- pages/tabbar/pagehome/pagehome.vue | 64 ++++++- pages/tabbar/shop/shop.vue | 41 +++- pages/tabbar/vedio/vedio.vue | 32 +++- pagesA/my-address/my-address.vue | 30 +++ pagesA/my-coupon/my-coupon.vue | 94 ++++++++- pagesA/my-course/my-course.vue | 58 ++++++ pagesA/my-data/my-data.vue | 26 +++ pagesA/my-extend/my-extend.vue | 31 +++ pagesA/my-integral/my-integral.vue | 71 +++++++ pagesA/my-order/my-order.vue | 46 +++++ pagesA/my-sign/my-sign.vue | 61 ++++++ pagesA/my-vedio/my-vedio.vue | 39 ++++ pagesB/add-address/add-address.vue | 26 +++ pagesB/buy-now/buy-now.vue | 60 ++++++ pagesB/cart/cart.vue | 189 +++++++++++++++++++ pagesB/confirm-order/confirm-order.vue | 71 +++++++ pagesB/course-detail/course-detail.vue | 73 +++++++ pagesB/order-detail/order-detail.vue | 26 +++ pagesB/shop-detail/shop-detail.vue | 74 ++++++++ static/tabbar/icon-address.png | Bin 0 -> 4640 bytes static/tabbar/icon-bh.png | Bin 0 -> 484 bytes static/tabbar/icon-cart.png | Bin 0 -> 3313 bytes static/tabbar/icon-coupon.png | Bin 0 -> 4231 bytes static/tabbar/icon-course.png | Bin 0 -> 5338 bytes static/tabbar/icon-edit.png | Bin 0 -> 486 bytes static/tabbar/icon-look.png | Bin 0 -> 680 bytes static/tabbar/icon-order.png | Bin 0 -> 4853 bytes static/tabbar/icon-overduce.png | Bin 0 -> 4647 bytes static/tabbar/icon-panh.png | Bin 0 -> 3642 bytes static/tabbar/icon-password.png | Bin 0 -> 1113 bytes static/tabbar/icon-play.png | Bin 0 -> 1887 bytes static/tabbar/icon-rili.png | Bin 0 -> 487 bytes static/tabbar/icon-score-rili.png | Bin 0 -> 551 bytes static/tabbar/icon-score.png | Bin 0 -> 6386 bytes static/tabbar/icon-search.png | Bin 0 -> 662 bytes static/tabbar/icon-set.png | Bin 0 -> 4095 bytes static/tabbar/icon-used.png | Bin 0 -> 4677 bytes static/tabbar/icon-znz.png | Bin 0 -> 4589 bytes static/tabbar/my-back.png | Bin 0 -> 63350 bytes 49 files changed, 1528 insertions(+), 61 deletions(-) create mode 100644 components/list.vue create mode 100644 pagesA/my-address/my-address.vue create mode 100644 pagesA/my-course/my-course.vue create mode 100644 pagesA/my-data/my-data.vue create mode 100644 pagesA/my-extend/my-extend.vue create mode 100644 pagesA/my-integral/my-integral.vue create mode 100644 pagesA/my-order/my-order.vue create mode 100644 pagesA/my-sign/my-sign.vue create mode 100644 pagesA/my-vedio/my-vedio.vue create mode 100644 pagesB/add-address/add-address.vue create mode 100644 pagesB/buy-now/buy-now.vue create mode 100644 pagesB/cart/cart.vue create mode 100644 pagesB/confirm-order/confirm-order.vue create mode 100644 pagesB/course-detail/course-detail.vue create mode 100644 pagesB/order-detail/order-detail.vue create mode 100644 pagesB/shop-detail/shop-detail.vue create mode 100644 static/tabbar/icon-address.png create mode 100644 static/tabbar/icon-bh.png create mode 100644 static/tabbar/icon-cart.png create mode 100644 static/tabbar/icon-coupon.png create mode 100644 static/tabbar/icon-course.png create mode 100644 static/tabbar/icon-edit.png create mode 100644 static/tabbar/icon-look.png create mode 100644 static/tabbar/icon-order.png create mode 100644 static/tabbar/icon-overduce.png create mode 100644 static/tabbar/icon-panh.png create mode 100644 static/tabbar/icon-password.png create mode 100644 static/tabbar/icon-play.png create mode 100644 static/tabbar/icon-rili.png create mode 100644 static/tabbar/icon-score-rili.png create mode 100644 static/tabbar/icon-score.png create mode 100644 static/tabbar/icon-search.png create mode 100644 static/tabbar/icon-set.png create mode 100644 static/tabbar/icon-used.png create mode 100644 static/tabbar/icon-znz.png create mode 100644 static/tabbar/my-back.png diff --git a/commons/base.css b/commons/base.css index 089d4a0..4abfe44 100644 --- a/commons/base.css +++ b/commons/base.css @@ -1,13 +1,3 @@ - - - - - - - - - - /* @media screen and (height:812px){ } @media screen and (height:844px){ @@ -18,15 +8,18 @@ } */ +view{ + box-sizing: border-box; +} +image{vertical-align: middle;} - - -.bottoc{margin-top: 6rpx;color: #414141;} -.opc{opacity: 0.7;} .width100{width: 100%;} .width55{width: 55%;} .width50{width: 50%;} .width49{width: 49%;} +.width48_8{width: 48.8%;} +.width48_7{width: 48.7%;} +.width48_6{width: 48.6%;} .width48_5{width: 48.5%;} .width48{width: 48%;} .width47{width: 47%;} @@ -41,17 +34,40 @@ .width25{width: 25%;} .posAll{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.45);z-index: 12;} -.posir{position: relative;} -.posia{position: absolute;} -.poszy{position: fixed;left: 0;right: 0;z-index: 3;} .posiszy{position: fixed;left: 0;right: 0;z-index: 5;} .posixzy{position: fixed;left: 0;right: 0;z-index: 2;bottom: 0;} +.poszy{position: fixed;left: 0;right: 0;z-index: 3;} +.posi-sticky{position: sticky;top: 0;z-index: 2;background-color: #FFFFFF;} +.posir{position: relative;} +.posia{position: absolute;} .posia-op{position: absolute;top: 0;right: 0;left: 0;bottom: 0;opacity: 0;} -.syxzo{top: 0;left: 0;right: 0;bottom: 0;opacity: 0;} -.posi-sticky{position: sticky;top: 0;z-index: 1;background-color: #FFFFFF;} +.posia-xzy{position: absolute;right: 0;left: 0;bottom: 0;z-index: 1;} +.posia-sy20{position: absolute;top: 20rpx;right: 20rpx;} +.overflow{overflow: hidden;} +.overflow-s{overflow: hidden;overflow-y:scroll;} +.overflow-s::-webkit-scrollbar{display:none;} + +/* 盒子阴影 */ +.boxshow1{box-shadow: 0 0 20rpx rgba(0, 0, 0, .1);} +.boxshowb{box-shadow: 0 2rpx 20rpx rgba(0, 0, 0, .1);} +.boxshowt{box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, .1);} +.boxshow2{box-shadow: 0 0 10rpx rgba(167, 167, 167, .1);} + + +/* 背景色透明 */ +.bac1{background-color: rgba(0, 0, 0, .1);} +.bac2{background-color: rgba(0, 0, 0, .2);} +.bac3{background-color: rgba(0, 0, 0, .3);} +.bac4{background-color: rgba(0, 0, 0, .4);} +.bac5{background-color: rgba(0, 0, 0, .5);} +.bac6{background-color: rgba(0, 0, 0, .6);} +.bac7{background-color: rgba(0, 0, 0, .7);} +.bac8{background-color: rgba(0, 0, 0, .8);} +.bac9{background-color: rgba(0, 0, 0, .9);} .dis{display: flex;} +.disjc{display: flex;justify-content: center;} .disac{display: flex;align-items: center;} .disja{display: flex;justify-content: space-around;} .disjb{display: flex;justify-content: space-between;} @@ -61,6 +77,7 @@ .fc{flex-direction: column;} .fw{flex-wrap: wrap;} .fe{justify-content: flex-end;} +.ae{align-items: flex-end;} .flexs{flex-shrink: 0;} @@ -74,6 +91,7 @@ button:after{content: none!important;} .tbot{border-top: 2rpx solid #EEEEEE;} .borbot-df{border: 2rpx solid #DFDFDF;} .borbot-cc{border: 2rpx solid #CCCCCC;} +.borbot-f{border: 2rpx solid #FFFFFF;} .bleft {border-left: 2rpx solid #EEEEEE;} .bbt-d9{border-bottom: 2rpx solid #d9d9d9;} @@ -154,7 +172,9 @@ button:after{content: none!important;} .col3{color: #333333;} .col34{color: #343434;} .col6{color: #666666;} +.col26{color: #262626;} .colf8{color: #F85050;} +.col-e42417{color: #e42417;} .col9{color: #999999;} .pcol{color: #3875F6;} .col2c{color: #2C2C2C;} @@ -163,11 +183,13 @@ button:after{content: none!important;} .colB3{color: #B3B3B3;} .col5b{color: #5B5B5B;} .colpeili{color: #868695;} +.col-969696{color: #969696;} /* 字体位置 */ .tright{text-align: right;} .tcenter{text-align: center;} +.tline-through{text-decoration: line-through;} /* 文字空两格 */ .tindent{text-indent: 2em;} @@ -207,13 +229,32 @@ button:after{content: none!important;} /* 圆角 */ +.radius4{border-radius: 4rpx;} +.radius6{border-radius: 6rpx;} +.radius8{border-radius: 8rpx;} .radius10{border-radius: 10rpx;} -.radius15{border-radius: 15rpx;} +.radius12{border-radius: 12rpx;} +.radius14{border-radius: 14rpx;} +.radius16{border-radius: 16rpx;} +.radius18{border-radius: 18rpx;} .radius20{border-radius: 20rpx;} +.radius22{border-radius: 22rpx;} +.radius24{border-radius: 24rpx;} +.radius26{border-radius: 26rpx;} +.radius28{border-radius: 28rpx;} .radius30{border-radius: 30rpx;} -.radius35{border-radius: 35rpx;} +.radius32{border-radius: 32rpx;} +.radius34{border-radius: 34rpx;} +.radius36{border-radius: 36rpx;} +.radius38{border-radius: 38rpx;} .radius40{border-radius: 40rpx;} -.radius45{border-radius: 45rpx;} +.radius42{border-radius: 42rpx;} +.radius44{border-radius: 44rpx;} +.radius46{border-radius: 46rpx;} +.radius48{border-radius: 48rpx;} +.radius50{border-radius: 50rpx;} +.radius_50{border-radius: 50%;} +.radius_100{border-radius: 100%;} /* 上下左右---外边距 */ .mar10{margin: 10rpx;} @@ -299,32 +340,89 @@ button:after{content: none!important;} .mar-y50{margin-right: 50rpx;} /* 上下左右---内边距 */ +.pad2{padding: 2rpx;} +.pad4{padding: 4rpx;} +.pad6{padding: 6rpx;} +.pad8{padding: 8rpx;} .pad10{padding: 10rpx;} +.pad12{padding: 12rpx;} +.pad14{padding: 14rpx;} +.pad16{padding: 16rpx;} +.pad18{padding: 18rpx;} .pad20{padding: 20rpx;} -.pad25{padding: 25rpx;} +.pad22{padding: 22rpx;} +.pad24{padding: 24rpx;} +.pad26{padding: 26rpx;} +.pad28{padding: 28rpx;} .pad30{padding: 30rpx;} .pad32{padding: 32rpx;} +.pad34{padding: 34rpx;} .pad36{padding: 36rpx;} +.pad38{padding: 38rpx;} .pad40{padding: 40rpx;} +.pad42{padding: 42rpx;} +.pad44{padding: 44rpx;} +.pad46{padding: 46rpx;} +.pad48{padding: 48rpx;} .pad50{padding: 50rpx;} /* 上下---内边距 */ +.pad-sx2{padding-top: 2rpx;padding-bottom: 2rpx;} +.pad-sx4{padding-top: 4rpx;padding-bottom: 4rpx;} +.pad-sx6{padding-top: 6rpx;padding-bottom: 6rpx;} +.pad-sx8{padding-top: 8rpx;padding-bottom: 8rpx;} .pad-sx10{padding-top: 10rpx;padding-bottom: 10rpx;} +.pad-sx12{padding-top: 12rpx;padding-bottom: 12rpx;} +.pad-sx14{padding-top: 14rpx;padding-bottom: 14rpx;} +.pad-sx16{padding-top: 16rpx;padding-bottom: 16rpx;} +.pad-sx16{padding-top: 18rpx;padding-bottom: 18rpx;} .pad-sx20{padding-top: 20rpx;padding-bottom: 20rpx;} -.pad-sx25{padding-top: 25rpx;padding-bottom: 25rpx;} +.pad-sx22{padding-top: 22rpx;padding-bottom: 22rpx;} +.pad-sx24{padding-top: 24rpx;padding-bottom: 24rpx;} +.pad-sx26{padding-top: 26rpx;padding-bottom: 26rpx;} +.pad-sx28{padding-top: 28rpx;padding-bottom: 28rpx;} .pad-sx30{padding-top: 30rpx;padding-bottom: 30rpx;} .pad-sx32{padding-top: 32rpx;padding-bottom: 32rpx;} +.pad-sx34{padding-top: 34rpx;padding-bottom: 34rpx;} .pad-sx36{padding-top: 36rpx;padding-bottom: 36rpx;} +.pad-sx38{padding-top: 38rpx;padding-bottom: 38rpx;} .pad-sx40{padding-top: 40rpx;padding-bottom: 40rpx;} .pad-sx50{padding-top: 50rpx;padding-bottom: 50rpx;} /* 左右---内边距 */ +.pad-zy2{padding-left: 2rpx;padding-right: 2rpx;} +.pad-zy4{padding-left: 4rpx;padding-right: 4rpx;} +.pad-zy6{padding-left: 6rpx;padding-right: 6rpx;} +.pad-zy8{padding-left: 8rpx;padding-right: 8rpx;} .pad-zy10{padding-left: 10rpx;padding-right: 10rpx;} +.pad-zy12{padding-left: 12rpx;padding-right: 12rpx;} +.pad-zy14{padding-left: 14rpx;padding-right: 14rpx;} +.pad-zy16{padding-left: 16rpx;padding-right: 16rpx;} +.pad-zy18{padding-left: 18rpx;padding-right: 18rpx;} .pad-zy20{padding-left: 20rpx;padding-right: 20rpx;} -.pad-zy25{padding-left: 25rpx;padding-right: 25rpx;} +.pad-zy22{padding-left: 22rpx;padding-right: 22rpx;} +.pad-zy24{padding-left: 24rpx;padding-right: 24rpx;} +.pad-zy26{padding-left: 26rpx;padding-right: 26rpx;} +.pad-zy28{padding-left: 28rpx;padding-right: 28rpx;} .pad-zy30{padding-left: 30rpx;padding-right: 30rpx;} .pad-zy32{padding-left: 32rpx;padding-right: 32rpx;} +.pad-zy34{padding-left: 34rpx;padding-right: 34rpx;} .pad-zy36{padding-left: 36rpx;padding-right: 36rpx;} +.pad-zy38{padding-left: 38rpx;padding-right: 38rpx;} .pad-zy40{padding-left: 40rpx;padding-right: 40rpx;} +.pad-zy42{padding-left: 42rpx;padding-right: 42rpx;} +.pad-zy44{padding-left: 44rpx;padding-right: 44rpx;} +.pad-zy46{padding-left: 46rpx;padding-right: 46rpx;} +.pad-zy48{padding-left: 48rpx;padding-right: 48rpx;} .pad-zy50{padding-left: 50rpx;padding-right: 50rpx;} +.pad-zy52{padding-left: 52rpx;padding-right: 52rpx;} +.pad-zy54{padding-left: 54rpx;padding-right: 54rpx;} +.pad-zy56{padding-left: 56rpx;padding-right: 56rpx;} +.pad-zy58{padding-left: 58rpx;padding-right: 58rpx;} +.pad-zy60{padding-left: 60rpx;padding-right: 60rpx;} +.pad-zy62{padding-left: 62rpx;padding-right: 62rpx;} +.pad-zy64{padding-left: 64rpx;padding-right: 64rpx;} +.pad-zy66{padding-left: 66rpx;padding-right: 66rpx;} +.pad-zy68{padding-left: 68rpx;padding-right: 68rpx;} +.pad-zy70{padding-left: 70rpx;padding-right: 70rpx;} /* 上---内边距 */ .pad-s10{padding-top: 10rpx;} .pad-s20{padding-top: 20rpx;} @@ -390,7 +488,7 @@ scroll-view ::-webkit-scrollbar { width: 30rpx; height: 30rpx; border-radius: 100%; - border: 2rpx solid #000000; + border: 2rpx solid #aaaaaa; box-sizing: border-box; } .active-item{ diff --git a/components/containers/status-container.vue b/components/containers/status-container.vue index d166885..bc6b6c8 100644 --- a/components/containers/status-container.vue +++ b/components/containers/status-container.vue @@ -8,7 +8,7 @@ :ifTitle="ifTitle" :ifCenter="ifTitleCenter" :backgroudColor="backgroundc"> - + diff --git a/components/list.vue b/components/list.vue new file mode 100644 index 0000000..ef1eddf --- /dev/null +++ b/components/list.vue @@ -0,0 +1,38 @@ + + + + + \ No newline at end of file diff --git a/components/status-navs/custom-status-nav.vue b/components/status-navs/custom-status-nav.vue index 82b0e03..154bb10 100644 --- a/components/status-navs/custom-status-nav.vue +++ b/components/status-navs/custom-status-nav.vue @@ -1,9 +1,9 @@