diff --git a/components/tab-bar/postList.vue b/components/tab-bar/postList.vue index e8cfdc8..49295d7 100644 --- a/components/tab-bar/postList.vue +++ b/components/tab-bar/postList.vue @@ -6,7 +6,7 @@ + style="flex:1;line-height: 66rpx;height: 66rpx;width: 70%;padding: 0 20rpx;" /> 搜索 @@ -16,7 +16,7 @@ + :style="{'font-size':tabIndex == index?'28rpx':'24rpx','font-weight':tabIndex == index?'700':'400'}"> {{item.name}} @@ -28,9 +28,9 @@ + style="height: 50rpx;line-height: 50rpx;width: 100%;padding-left: 24rpx;font-size: 24rpx;font-weight: 700;"> 更多分类 - + 点击进入分类 @@ -56,9 +56,9 @@ + style="margin-right: 10rpx;" /> + style="margin-left: 10rpx;" /> @@ -84,7 +84,7 @@ - + @@ -260,7 +260,7 @@ .title { background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/25cad6ddbfb44230abf0c4d1a6259e16.png') no-repeat; width: 100%; - height: 100px; + height: 200rpx; background-size: 100%; } @@ -272,26 +272,26 @@ display: flex; background: #fff; border-radius: 66rpx; - padding-left: 10px; - margin-left: 10px; + padding-left: 20rpx; + margin-left: 20rpx; } .sreach-btn { - width: 50px; - height: 25px; - line-height: 25px; + width: 100rpx; + height: 50rpx; + line-height: 50rpx; background: rgba(0, 35, 28, 1); color: rgba(166, 255, 234, 1); - border-radius: 30px; + border-radius: 60rpx; text-align: center; - margin: 4px; + margin: 8rpx; } .tab-box { display: flex; - height: 30px; - line-height: 20px; - padding-left: 12px; + height: 60rpx; + line-height: 40rpx; + padding-left: 24rpx; width: 100%; overflow: scroll; white-space: nowrap; @@ -299,7 +299,7 @@ } .tab1 { - margin-right: 18px; + margin-right: 36rpx; } .nav-tab { @@ -307,10 +307,10 @@ } .black-line { - width: 25px; - height: 3px; + width: 50rpx; + height: 6rpx; background: #000; - border-radius: 3px; + border-radius: 6rpx; margin: 0 auto; } @@ -319,11 +319,11 @@ top: 0; right: 0; background: #fff; - width: 55px; - height: 20px; + width: 110rpx; + height: 40rpx; text-align: right; - line-height: 20px; - padding-right: 7px; + line-height: 40rpx; + padding-right: 14rpx; background: linear-gradient(to right, transparent 0%, #ffffff 60%, #ffffff 100%); } @@ -332,9 +332,9 @@ top: 0; left: 0; width: 100%; - height: 200px; - border-bottom-left-radius: 10px; - border-bottom-right-radius: 10px; + height: 400rpx; + border-bottom-left-radius: 20rpx; + border-bottom-right-radius: 20rpx; z-index: 99; background: #F5F8F5; } @@ -344,7 +344,7 @@ height: 100%; overflow: hidden; position: absolute; - top: 100px; + top: 200rpx; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 97; @@ -356,96 +356,96 @@ } .tanchu1 { - width: 80px; - height: 30px; + width: 160rpx; + height: 60rpx; background: #fff; - border-radius: 10px; + border-radius: 20rpx; text-align: center; - margin: 10px 0 0 10px; - line-height: 30px; - font-size: 13px; + margin: 20rpx 0 0 20rpx; + line-height: 60rpx; + font-size: 26rpx; } .shop-list { display: flex; white-space: nowrap; width: 100%; - padding: 0 12px; + padding: 0 24rpx; overflow: scroll; - margin-top: 15px; + margin-top: 30rpx; } .shop1 { - height: 70px; - width: 50px; + height: 140rpx; + width: 100rpx; text-align: center; - margin-right: 18px; + margin-right: 36rpx; img { - width: 50px; - height: 50px; - border-radius: 50px; + width: 100rpx; + height: 100rpx; + border-radius: 100rpx; } } .shop-name { - height: 20px; - line-height: 20px; + height: 40rpx; + line-height: 40rpx; font-weight: 600; } .huodong { - padding: 0 12px; + padding: 0 24rpx; display: flex; - height: 85px; - margin-top: 12px; + height: 170rpx; + margin-top: 24rpx; img { - height: 85px; + height: 170rpx; flex: 1; } } .c-1 { background: #fff; - width: 170px; - margin-left: 12px; - margin-top: 10px; - border-radius: 10px; - height: 290px; + width: 340rpx; + margin-left: 24rpx; + margin-top: 20rpx; + border-radius: 20rpx; + height: 580rpx; } .c-2 { background: #fff; - width: 170px; - height: 170px; + width: 340rpx; + height: 340rpx; img { width: 100%; height: 100%; background-size: 100%; - border-radius: 10px; + border-radius: 20rpx; } } .c-3 { background: #fff; - font-size: 14px; + font-size: 28rpx; font-weight: 700; - padding: 5px; + padding: 10rpx; } .c-4 { display: flex; - padding: 0 5px; - height: 20px; - line-height: 20px; - margin-top: 10px; + padding: 0 10rpx; + height: 40rpx; + line-height: 40rpx; + margin-top: 20rpx; } .c-5 { flex: 1; - font-size: 18px; + font-size: 36rpx; color: red; font-weight: 700; } @@ -455,21 +455,21 @@ } .c-7 { - height: 24px; - line-height: 24px; + height: 48rpx; + line-height: 48rpx; display: flex; - margin-top: 10px; - padding:0 5px; + margin-top: 20rpx; + padding:0 10rpx; img { - width: 24px; - height: 24px; + width: 48rpx; + height: 48rpx; background-size: 100%; - border-radius: 24px; + border-radius: 48rpx; } } .c-8 { - padding-left: 10px; + padding-left: 20rpx; color: rgba(0, 35, 28, 0.6) } \ No newline at end of file