Skip to content

F
FuLiMini
Commit 275b82f5 by wangjian
Options

1

parent d3aad4ac
Showing with 14 additions and 10 deletions
pages/home/home.vue
...@@ -27,8 +27,8 @@ ...@@ -27,8 +27,8 @@
<view class="swiper-list"> <view class="swiper-list">
<view class="item" v-for="(subItem, subIndex) in item" :key="subIndex" @click="goToLandPage(subItem)"> <view class="item" v-for="(subItem, subIndex) in item" :key="subIndex" @click="goToLandPage(subItem)">
<image class="icon" mode="aspectFill" :src="subItem.icon"></image> <image class="icon" mode="aspectFill" :src="subItem.icon"></image>
<view class="item-title">{{ subItem.title }}</view> <view class="item-title"><text>{{ subItem.title }}</text></view>
<view class="item-desc">{{ subItem.subTitle }}</view> <view class="item-desc"><text>{{ subItem.subTitle }}</text></view>
</view> </view>
</view> </view>
</swiper-item> </swiper-item>
...@@ -237,7 +237,7 @@ export default { ...@@ -237,7 +237,7 @@ export default {
</script> </script>
<style> <style>
page { page {
background-color: #FFEEEE; background-color: #f5f5f5;
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -362,7 +362,7 @@ export default { ...@@ -362,7 +362,7 @@ export default {
margin-top: -50rpx; margin-top: -50rpx;
width: 100%; width: 100%;
.swiper { .swiper {
height: 616rpx; height: 572rpx;
width: 100%; width: 100%;
border-radius: 30rpx; border-radius: 30rpx;
.swiper-list { .swiper-list {
...@@ -374,11 +374,11 @@ export default { ...@@ -374,11 +374,11 @@ export default {
z-index: 99; z-index: 99;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; width: 100%;
height: 100%; height: 540rpx;
.item { .item {
width: 148rpx; width: 148rpx;
height: 180rpx;
text-align: center; text-align: center;
padding-bottom: 18rpx;
.icon { .icon {
width: 96rpx; width: 96rpx;
height: 96rpx; height: 96rpx;
...@@ -393,15 +393,17 @@ export default { ...@@ -393,15 +393,17 @@ export default {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
width: 148rpx; width: 148rpx;
padding: 0;
} }
.item-desc { .item-desc {
font-size: 20rpx; font-size: 20rpx;
color: #999999; color: #999999;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
margin-top: 10rpx; // margin-top: 4rpx;
overflow: hidden; overflow: hidden;
width: 148rpx; width: 148rpx;
padding: 0;
} }
} }
} }
...@@ -433,7 +435,7 @@ export default { ...@@ -433,7 +435,7 @@ export default {
flex-direction: row; flex-direction: row;
background: #FFFFFF; background: #FFFFFF;
border-radius: 30rpx; border-radius: 30rpx;
padding: 30rpx 5rpx; padding: 30rpx 5rpx 12rpx;
z-index: 99; z-index: 99;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; width: 100%;
...@@ -441,8 +443,8 @@ export default { ...@@ -441,8 +443,8 @@ export default {
margin-top: -50rpx; margin-top: -50rpx;
.item { .item {
width: 148rpx; width: 148rpx;
height: 180rpx;
text-align: center; text-align: center;
padding-bottom: 18rpx;
.icon { .icon {
width: 96rpx; width: 96rpx;
height: 96rpx; height: 96rpx;
...@@ -456,6 +458,7 @@ export default { ...@@ -456,6 +458,7 @@ export default {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
padding: 0;
width: 148rpx; width: 148rpx;
} }
.item-desc { .item-desc {
...@@ -463,9 +466,10 @@ export default { ...@@ -463,9 +466,10 @@ export default {
color: #999999; color: #999999;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
margin-top: 10rpx; // margin-top: 4rpx;
overflow: hidden; overflow: hidden;
width: 148rpx; width: 148rpx;
padding: 0;
} }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment