diff --git a/pages/admin/goods_details/index.vue b/pages/admin/goods_details/index.vue index 1fccb8d..9fc4b31 100644 --- a/pages/admin/goods_details/index.vue +++ b/pages/admin/goods_details/index.vue @@ -1,1481 +1,1595 @@ + .product-con .mask { + z-index: 88; + } + + .product-con .footer { + padding: 0 20rpx 0 30rpx; + position: fixed; + left: 0; + bottom: 0; + width: 100%; + box-sizing: border-box; + height: 100rpx; + background-color: #fff; + z-index: 277; + border-top: 1px solid #f0f0f0; + } + + .product-con .footer .item { + font-size: 18rpx; + color: #666; + } + + .product-con .attribute .atterTxt { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + display: inline-block; + width: 400rpx; + } + + .product-con .attribute .atterTxt1 { + color: #282828; + + &.hasAttr { + &:after { + content: ""; + display: inline-block; + position: relative; + top: -6rpx; + margin: 0 6rpx; + width: 5rpx; + height: 5rpx; + background-color: #282828; + border-radius: 100%; + } + + &:last-child { + &:after { + display: none; + } + } + } + } + + .product-intro .title { + font-size: 30rpx; + color: #282828; + text-align: center; + } + + .product-intro .pictures, + .product-intro .pictures uni-image, + .product-intro .pictures image { + width: 100%; + } + + .product-con .guaranteeAttr { + display: inline-block; + width: 560rpx; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + + .product-con .superior { + background-color: #fff; + margin-top: 20rpx; + padding-bottom: 10rpx; + } + + .product-con .superior .title { + height: 98rpx; + } + + .product-con .superior .title image { + width: 30rpx; + height: 30rpx; + } + + .product-con .superior .title .titleTxt { + margin: 0 20rpx; + font-size: 30rpx; + background-image: linear-gradient(to right, #f57a37 0%, #f21b07 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + + .product-con .superior .slider-banner { + width: 690rpx; + margin: 0 auto; + position: relative; + } + + .product-con .superior .slider-banner swiper { + height: 100%; + width: 100%; + } + + .product-con .superior .slider-banner swiper-item { + height: 100%; + } + + .product-con .superior .slider-banner .list { + width: 100%; + } + + .product-con .superior .slider-banner .list .item { + width: 215rpx; + margin: 0 22rpx 30rpx 0; + font-size: 26rpx; + } + + .product-con .superior .slider-banner .list .item:nth-of-type(3n) { + margin-right: 0; + } + + .product-con .superior .slider-banner .list .item .pictrue { + position: relative; + width: 100%; + height: 215rpx; + } + + .product-con .superior .slider-banner .list .item .pictrue image { + width: 100%; + height: 100%; + border-radius: 6rpx; + } + + .product-con .superior .slider-banner .list .item .name { + color: #282828; + margin-top: 12rpx; + } + + .product-con .superior .slider-banner .swiper-pagination-bullet { + background-color: #999; + } + + .product-con .superior .slider-banner .swiper-pagination-bullet-active { + background-color: #e93323; + } + + button { + padding: 0; + margin: 0; + line-height: normal; + background-color: #fff; + } + + button::after { + border: 0; + } + + action-sheet-item { + padding: 0; + height: 240rpx; + align-items: center; + display: flex; + } + + .contact { + font-size: 16px; + width: 50%; + background-color: #fff; + padding: 8rpx 0; + border-radius: 0; + margin: 0; + line-height: 2; + } + + .contact::after { + border: none; + } + + .action-sheet { + font-size: 17px; + line-height: 1.8; + width: 50%; + position: absolute; + top: 0; + right: 0; + padding: 25rpx 0; + } + + .canvas { + z-index: 300; + width: 750px; + height: 1190px; + } + + .poster-pop { + width: 450rpx; + height: 714rpx; + position: fixed; + left: 50%; + transform: translateX(-50%); + z-index: 399; + top: 50%; + margin-top: -357rpx; + } + + .poster-pop image { + width: 100%; + height: 100%; + display: block; + } + + .poster-pop .close { + width: 46rpx; + height: 75rpx; + position: fixed; + right: 0; + top: -73rpx; + display: block; + } + + .poster-pop .save-poster { + background-color: #df2d0a; + font-size: :22rpx; + color: #fff; + text-align: center; + height: 76rpx; + line-height: 76rpx; + width: 100%; + } + + .poster-pop .keep { + color: #fff; + text-align: center; + font-size: 25rpx; + margin-top: 10rpx; + } + + .mask { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.6); + z-index: 9; + } + + .product-con .wrapper { + padding: 32rpx; + width: 100%; + box-sizing: border-box; + } + + .product-con .nav { + background-image: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QN/aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NDNlZTU0ZDMtNjEwZS03ZjQ4LWEwODgtNTZlMTZiNzI3NTQwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI1NEI2MDUyM0ZDMjExRTk5OTg1REI1OUM1NjNEMUZCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI1NEI2MDUxM0ZDMjExRTk5OTg1REI1OUM1NjNEMUZCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyMDIzNWNmLTIwNGYtOTQ0My05YTBiLWNmMmZlMTJmMDk3NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0M2VlNTRkMy02MTBlLTdmNDgtYTA4OC01NmUxNmI3Mjc1NDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+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'); + background-repeat: no-repeat; + background-size: 100% 100%; + width: 100%; + height: 100rpx; + padding: 0 30rpx; + box-sizing: border-box; + } + + .product-con .nav .money { + font-size: 28rpx; + color: #fff; + } + + .product-con .nav .money .num { + font-size: 48rpx; + } + + .product-con .nav .money .y-money { + font-size: 26rpx; + margin-left: 10rpx; + text-decoration: line-through; + } + + .product-con .nav .time { + font-size: 20rpx; + color: #fff; + text-align: center; + } + + .product-con .nav .time .timeCon { + margin-top: 10rpx; + } + + .product-con .nav .time .timeCon .num { + padding: 0 7rpx; + font-size: 22rpx; + color: #ff3d3d; + background-color: #fff; + border-radius: 2rpx; + } + + .product-con .nav .timeState { + font-size: 28RPX; + color: #FFF; + } + + .product-con .nav .iconfont { + color: #fff; + font-size: 30rpx; + margin-left: 20rpx; + } + + .pictrue_log { + width: 80upx; + height: 40upx; + border-radius: 6upx 0 12upx 0; + line-height: 40upx; + font-size: 24upx; + } + + .pictrue_log_class { + z-index: 3; + background: -webkit-gradient(linear, left top, right top, from(rgba(246, 122, 56, 1)), to(rgba(241, 27, 9, 1))); + background: linear-gradient(90deg, rgba(246, 122, 56, 1) 0%, rgba(241, 27, 9, 1) 100%); + opacity: 1; + position: absolute; + top: 0; + left: 0; + color: #fff; + text-align: center; + + } + + .navbar .header { + height: 96rpx; + font-size: 30rpx; + color: #050505; + background-color: #fff; + /* #ifdef MP */ + padding-right: 95rpx; + /* #endif */ + } + + .navbar .header .item { + position: relative; + margin: 0 25rpx; + } + + .navbar .header .item.on:before { + position: absolute; + width: 60rpx; + height: 5rpx; + background-repeat: no-repeat; + content: ""; + background-image: linear-gradient(to right, #ff3366 0%, #ff6533 100%); + bottom: -10rpx; + left: 50%; + margin-left: -28rpx; + } + + .navbar { + position: fixed; + background-color: #fff; + top: 0; + left: 0; + z-index: 99; + width: 100%; + } + + .navbar .navbarH { + position: relative; + } + + .navbar .navbarH .navbarCon { + position: absolute; + bottom: 0; + height: 100rpx; + width: 100%; + } + + .share-box { + z-index: 1000; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + + image { + width: 100%; + height: 100%; + } + } + + .store-wrapper { + margin-top: 20rpx; + background-color: #fff; + + .store-hd { + padding: 30rpx; + border-bottom: 1px solid #F5F5F5; + + .store-info { + position: relative; + display: flex; + + .logo { + width: 86rpx; + height: 86rpx; + + image { + width: 86rpx; + height: 86rpx; + border-radius: 6rpx; + } + } + + .info { + display: flex; + flex-direction: column; + justify-content: center; + margin-left: 20rpx; + + .name { + font-size: 28rpx; + color: #282828; + font-weight: bold; + } + + .txt { + margin-top: 8rpx; + color: #666666; + font-size: 22rpx; + } + } + + .link { + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + display: flex; + align-items: center; + justify-content: center; + width: 114rpx; + height: 50rpx; + background: linear-gradient(-90deg, $bg-end 0%, $bg-star 100%); + border-radius: 25rpx; + color: #fff; + } + } + + .score-wrapper { + display: flex; + justify-content: space-between; + margin-top: 30rpx; + + .item { + color: #948D8C; + font-size: 26rpx; + + text { + margin-left: 10rpx; + color: $theme-color; + } + } + } + } + + .con-box { + padding: 20rpx 0 20rpx 30rpx; + + .title { + font-size: 28rpx; + color: #282828; + margin-bottom: 20rpx; + } + + .img-box { + display: flex; + + .img-item { + width: 206rpx; + margin-right: 20rpx; + + /deep/image, + /deep/uni-image, + /deep/.easy-loadimage { + width: 206rpx; + height: 206rpx; + border-radius: 16rpx; + } + + .txt { + .title { + font-size: 28rpx; + color: #282828; + } + + .price { + color: $theme-color; + font-size: 28rpx; + + text { + font-size: 20rpx; + } + } + } + + } + } + } + } + + .sys-head { + background: transparent; + } + + .head-wrapper { + z-index: 999; + display: flex; + align-items: center; + position: fixed; + left: 30rpx; + top: 0; + /* #ifdef MP */ + height: 43px; + /* #endif */ + /* #ifdef H5 */ + height: 114rpx; + /* #endif */ + } + + .head-menu { + display: flex; + align-items: center; + height: 54rpx; + width: 140rpx; + background: rgba(0, 0, 0, .25); + border-radius: 27rpx; + + .iconfont { + flex: 1; + text-align: center; + color: #fff; + box-sizing: border-box; + + &.icon-xiangzuo { + border-right: 1px solid #fff; + } + } + } + \ No newline at end of file diff --git a/pages/gather/gather.vue b/pages/gather/gather.vue index 4916ba0..b87f7f7 100644 --- a/pages/gather/gather.vue +++ b/pages/gather/gather.vue @@ -4,8 +4,8 @@ - - + + 市级供应链 @@ -38,8 +38,8 @@ - - + + 我的店铺 @@ -99,8 +99,8 @@ - - + + 里海云仓 @@ -286,7 +286,7 @@ }) }, navigator(url, t) { - if (this.userInfoData.is_wsxx === 0 && t != '商户设置') return Toast("请完善商户信息") + // if (this.userInfoData.is_wsxx === 0 && t != '商户设置') return Toast("请完善商户信息") uni.navigateTo({ url: url }) diff --git a/pages/goods_details/index.vue b/pages/goods_details/index.vue index 8adc3a7..1d5e005 100644 --- a/pages/goods_details/index.vue +++ b/pages/goods_details/index.vue @@ -1,2299 +1,2453 @@ + .pictrue_log { + width: 80upx; + height: 40upx; + border-radius: 6upx 0 12upx 0; + line-height: 40upx; + font-size: 24upx; + } + + .pictrue_log_class { + z-index: 3; + background: -webkit-gradient(linear, left top, right top, from(rgba(246, 122, 56, 1)), to(rgba(241, 27, 9, 1))); + background: linear-gradient(90deg, rgba(246, 122, 56, 1) 0%, rgba(241, 27, 9, 1) 100%); + opacity: 1; + position: absolute; + top: 0; + left: 0; + color: #fff; + text-align: center; + + } + + .navbar .header { + height: 96rpx; + font-size: 30rpx; + color: #050505; + background-color: #fff; + /* #ifdef MP */ + padding-right: 95rpx; + /* #endif */ + } + + .navbar .header .item { + position: relative; + margin: 0 25rpx; + } + + .navbar .header .item.on:before { + position: absolute; + width: 60rpx; + height: 5rpx; + background-repeat: no-repeat; + content: ""; + background-image: linear-gradient(to right, #ff3366 0%, #ff6533 100%); + bottom: -10rpx; + left: 50%; + margin-left: -28rpx; + } + + .navbar { + position: fixed; + background-color: #fff; + top: 0; + left: 0; + z-index: 99; + width: 100%; + } + + .navbar .navbarH { + position: relative; + } + + .navbar .navbarH .navbarCon { + position: absolute; + bottom: 0; + height: 100rpx; + width: 100%; + } + + .share-box { + z-index: 1000; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + + image { + width: 100%; + height: 100%; + } + } + + .store-wrapper { + margin-top: 20rpx; + background-color: #fff; + + .store-hd { + padding: 30rpx; + border-bottom: 1px solid #F5F5F5; + + .store-info { + position: relative; + display: flex; + + .store-margin { + width: 24rpx; + height: 26rpx; + margin-left: 10rpx; + } + + .logo { + width: 86rpx; + height: 86rpx; + + image { + width: 86rpx; + height: 86rpx; + border-radius: 6rpx; + } + } + + .info { + display: flex; + flex-direction: column; + justify-content: center; + margin-left: 20rpx; + + .name { + font-size: 28rpx; + color: #282828; + font-weight: bold; + display: flex; + align-items: center; + } + + .txt { + margin-top: 8rpx; + color: #666666; + font-size: 22rpx; + } + } + + .link { + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + display: flex; + align-items: center; + justify-content: center; + width: 114rpx; + height: 50rpx; + background-image: linear-gradient(-90deg, var(--view-bntColor21) 0%, var(--view-bntColor22) 100%); + border-radius: 25rpx; + color: #fff; + } + } + + .score-wrapper { + display: flex; + justify-content: space-between; + margin-top: 30rpx; + + .item { + color: #948D8C; + font-size: 26rpx; + + text { + margin-left: 10rpx; + color: var(--view-priceColor); + } + } + } + } + + .con-box { + padding: 20rpx 0 20rpx 30rpx; + + .title { + font-size: 28rpx; + color: #282828; + margin-bottom: 20rpx; + } + + .img-box { + display: flex; + + .img-item { + width: 218rpx; + margin-right: 20rpx; + + /deep/image, + /deep/uni-image, + /deep/.easy-loadimage { + width: 218rpx; + height: 218rpx; + border-radius: 16rpx; + display: inline-block; + } + + .txt { + .title { + font-size: 28rpx; + color: #282828; + } + + .price { + color: var(--view-priceColor); + font-size: 28rpx; + + text { + font-size: 20rpx; + } + } + } + } + } + + } + } + + .sys-head { + background: transparent; + } + + .head-wrapper { + z-index: 999; + display: flex; + align-items: center; + position: fixed; + left: 30rpx; + top: 0; + /* #ifdef MP */ + height: 43px; + /* #endif */ + /* #ifdef H5 */ + height: 114rpx; + /* #endif */ + } + + .head-menu { + display: flex; + align-items: center; + height: 54rpx; + width: 140rpx; + background: rgba(0, 0, 0, .25); + border-radius: 27rpx; + + .iconfont { + flex: 1; + text-align: center; + color: #fff; + box-sizing: border-box; + + &.icon-xiangzuo { + border-right: 1px solid #fff; + } + } + } + \ No newline at end of file diff --git a/pages/nongKe/supply_chain/supplier.vue b/pages/nongKe/supply_chain/supplier.vue index f308486..cfb06db 100644 --- a/pages/nongKe/supply_chain/supplier.vue +++ b/pages/nongKe/supply_chain/supplier.vue @@ -72,7 +72,7 @@ -