root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1

master
tianyi 3 weeks ago
parent
d6f7f6b6cd
commit
5b50081d28
1 changed files with 73 additions and 73 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 146
      components/tab-bar/postList.vue

146
components/tab-bar/postList.vue
View File

@ -6,7 +6,7 @@
<view class="title-sreach" :style="{'margin-top': menuButtonInfo.top +'px'}"> <view class="title-sreach" :style="{'margin-top': menuButtonInfo.top +'px'}">
<uni-icons type="search"></uni-icons> <uni-icons type="search"></uni-icons>
<input type="text" placeholder="搜索" <input type="text" placeholder="搜索"
style="flex:1;line-height: 33px;height: 33px;width: 70%;padding: 0 10px;" /> style="flex:1;line-height: 66rpx;height: 66rpx;width: 70%;padding: 0 20rpx;" />
<view class="sreach-btn"> <view class="sreach-btn">
搜索 搜索
</view> </view>
@ -16,7 +16,7 @@
<view class="tab-box"> <view class="tab-box">
<view @tap="checkTab(index)" class="tab1" v-for="(item,index) in tabList" :key="index"> <view @tap="checkTab(index)" class="tab1" v-for="(item,index) in tabList" :key="index">
<view class="" style="" <view class="" style=""
:style="{'font-size':tabIndex == index?'14px':'12px','font-weight':tabIndex == index?'700':'400'}"> :style="{'font-size':tabIndex == index?'28rpx':'24rpx','font-weight':tabIndex == index?'700':'400'}">
{{item.name}} {{item.name}}
</view> </view>
<view class="black-line" v-if="tabIndex == index"></view> <view class="black-line" v-if="tabIndex == index"></view>
@ -28,9 +28,9 @@
<view class="up-tab" v-if="showMoreTab == true"> <view class="up-tab" v-if="showMoreTab == true">
<view> <view>
<view <view
style="height: 25px;line-height: 25px;width: 100%;padding-left: 12px;font-size: 14px;font-weight: 700;"> style="height: 50rpx;line-height: 50rpx;width: 100%;padding-left: 24rpx;font-size: 24rpx;font-weight: 700;">
更多分类 更多分类
<text style="font-size: 12px;color: rgba(0, 35, 28, 0.5);"> <text style="font-size: 24rpx;color: rgba(0, 35, 28, 0.5);">
点击进入分类 点击进入分类
</text> </text>
</view> </view>
@ -56,9 +56,9 @@
</view> </view>
<view class="huodong"> <view class="huodong">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/bc6b887514a5469a938cdd0001e841c2.png" alt="" <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/bc6b887514a5469a938cdd0001e841c2.png" alt=""
style="margin-right: 5px;" /> style="margin-right: 10rpx;" />
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/90a37f3f8a204d7eaa8ea2d3293e1086.png" alt="" <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/90a37f3f8a204d7eaa8ea2d3293e1086.png" alt=""
style="margin-left: 5px;" /> style="margin-left: 10rpx;" />
</view> </view>
<view style="display: flex;flex-wrap: wrap;"> <view style="display: flex;flex-wrap: wrap;">
<view class="c-1" @tap="goDetail(item)" v-for="(item,index) in goodsList" :key="index"> <view class="c-1" @tap="goDetail(item)" v-for="(item,index) in goodsList" :key="index">
@ -84,7 +84,7 @@
</view> </view>
</view> </view>
</view> </view>
<view style="width: 100%;height: 100px;"></view> <view style="width: 100%;height: 200rpx;"></view>
</view> </view>
</template> </template>
@ -260,7 +260,7 @@
.title { .title {
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/25cad6ddbfb44230abf0c4d1a6259e16.png') no-repeat; background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/25cad6ddbfb44230abf0c4d1a6259e16.png') no-repeat;
width: 100%; width: 100%;
height: 100px; height: 200rpx;
background-size: 100%; background-size: 100%;
} }
@ -272,26 +272,26 @@
display: flex; display: flex;
background: #fff; background: #fff;
border-radius: 66rpx; border-radius: 66rpx;
padding-left: 10px; padding-left: 20rpx;
margin-left: 10px; margin-left: 20rpx;
} }
.sreach-btn { .sreach-btn {
width: 50px; width: 100rpx;
height: 25px; height: 50rpx;
line-height: 25px; line-height: 50rpx;
background: rgba(0, 35, 28, 1); background: rgba(0, 35, 28, 1);
color: rgba(166, 255, 234, 1); color: rgba(166, 255, 234, 1);
border-radius: 30px; border-radius: 60rpx;
text-align: center; text-align: center;
margin: 4px; margin: 8rpx;
} }
.tab-box { .tab-box {
display: flex; display: flex;
height: 30px; height: 60rpx;
line-height: 20px; line-height: 40rpx;
padding-left: 12px; padding-left: 24rpx;
width: 100%; width: 100%;
overflow: scroll; overflow: scroll;
white-space: nowrap; white-space: nowrap;
@ -299,7 +299,7 @@
} }
.tab1 { .tab1 {
margin-right: 18px; margin-right: 36rpx;
} }
.nav-tab { .nav-tab {
@ -307,10 +307,10 @@
} }
.black-line { .black-line {
width: 25px; width: 50rpx;
height: 3px; height: 6rpx;
background: #000; background: #000;
border-radius: 3px; border-radius: 6rpx;
margin: 0 auto; margin: 0 auto;
} }
@ -319,11 +319,11 @@
top: 0; top: 0;
right: 0; right: 0;
background: #fff; background: #fff;
width: 55px; width: 110rpx;
height: 20px; height: 40rpx;
text-align: right; text-align: right;
line-height: 20px; line-height: 40rpx;
padding-right: 7px; padding-right: 14rpx;
background: linear-gradient(to right, transparent 0%, #ffffff 60%, #ffffff 100%); background: linear-gradient(to right, transparent 0%, #ffffff 60%, #ffffff 100%);
} }
@ -332,9 +332,9 @@
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 200px; height: 400rpx;
border-bottom-left-radius: 10px; border-bottom-left-radius: 20rpx;
border-bottom-right-radius: 10px; border-bottom-right-radius: 20rpx;
z-index: 99; z-index: 99;
background: #F5F8F5; background: #F5F8F5;
} }
@ -344,7 +344,7 @@
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
top: 100px; top: 200rpx;
left: 0; left: 0;
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
z-index: 97; z-index: 97;
@ -356,96 +356,96 @@
} }
.tanchu1 { .tanchu1 {
width: 80px; width: 160rpx;
height: 30px; height: 60rpx;
background: #fff; background: #fff;
border-radius: 10px; border-radius: 20rpx;
text-align: center; text-align: center;
margin: 10px 0 0 10px; margin: 20rpx 0 0 20rpx;
line-height: 30px; line-height: 60rpx;
font-size: 13px; font-size: 26rpx;
} }
.shop-list { .shop-list {
display: flex; display: flex;
white-space: nowrap; white-space: nowrap;
width: 100%; width: 100%;
padding: 0 12px; padding: 0 24rpx;
overflow: scroll; overflow: scroll;
margin-top: 15px; margin-top: 30rpx;
} }
.shop1 { .shop1 {
height: 70px; height: 140rpx;
width: 50px; width: 100rpx;
text-align: center; text-align: center;
margin-right: 18px; margin-right: 36rpx;
img { img {
width: 50px; width: 100rpx;
height: 50px; height: 100rpx;
border-radius: 50px; border-radius: 100rpx;
} }
} }
.shop-name { .shop-name {
height: 20px; height: 40rpx;
line-height: 20px; line-height: 40rpx;
font-weight: 600; font-weight: 600;
} }
.huodong { .huodong {
padding: 0 12px; padding: 0 24rpx;
display: flex; display: flex;
height: 85px; height: 170rpx;
margin-top: 12px; margin-top: 24rpx;
img { img {
height: 85px; height: 170rpx;
flex: 1; flex: 1;
} }
} }
.c-1 { .c-1 {
background: #fff; background: #fff;
width: 170px; width: 340rpx;
margin-left: 12px; margin-left: 24rpx;
margin-top: 10px; margin-top: 20rpx;
border-radius: 10px; border-radius: 20rpx;
height: 290px; height: 580rpx;
} }
.c-2 { .c-2 {
background: #fff; background: #fff;
width: 170px; width: 340rpx;
height: 170px; height: 340rpx;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-size: 100%; background-size: 100%;
border-radius: 10px; border-radius: 20rpx;
} }
} }
.c-3 { .c-3 {
background: #fff; background: #fff;
font-size: 14px; font-size: 28rpx;
font-weight: 700; font-weight: 700;
padding: 5px; padding: 10rpx;
} }
.c-4 { .c-4 {
display: flex; display: flex;
padding: 0 5px; padding: 0 10rpx;
height: 20px; height: 40rpx;
line-height: 20px; line-height: 40rpx;
margin-top: 10px; margin-top: 20rpx;
} }
.c-5 { .c-5 {
flex: 1; flex: 1;
font-size: 18px; font-size: 36rpx;
color: red; color: red;
font-weight: 700; font-weight: 700;
} }
@ -455,21 +455,21 @@
} }
.c-7 { .c-7 {
height: 24px; height: 48rpx;
line-height: 24px; line-height: 48rpx;
display: flex; display: flex;
margin-top: 10px; margin-top: 20rpx;
padding:0 5px; padding:0 10rpx;
img { img {
width: 24px; width: 48rpx;
height: 24px; height: 48rpx;
background-size: 100%; background-size: 100%;
border-radius: 24px; border-radius: 48rpx;
} }
} }
.c-8 { .c-8 {
padding-left: 10px; padding-left: 20rpx;
color: rgba(0, 35, 28, 0.6) color: rgba(0, 35, 28, 0.6)
} }
</style> </style>
Write Preview
Loading…
Cancel
Save