|
|
|
@ -7,14 +7,14 @@ |
|
|
|
|
|
|
|
</view> |
|
|
|
<view class="list"> |
|
|
|
<view class="lf-row-between list-item" hover-class="lf-opacity" |
|
|
|
v-for="(item, index) in block_list" :key="index" |
|
|
|
@click="$url(item.path)"> |
|
|
|
<view class="lf-row-between list-item" hover-class="lf-opacity" v-for="(item, index) in block_list" |
|
|
|
:key="index" @click="$url(item.path)"> |
|
|
|
<view class="lf-row-center"> |
|
|
|
<image class="icon-img" :src="item.icon"></image> |
|
|
|
<text class="lf-text-vertical lf-m-l-20 lf-font-28 lf-color-black">{{ item.name }}</text> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<view class="lf-flex"> |
|
|
|
<view class="message-tag" v-if="index == 1">1</view> |
|
|
|
<u-icon name="arrow-right"></u-icon> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -51,7 +51,7 @@ |
|
|
|
this.block_list = res.data.block; |
|
|
|
this.canteen = res.data.canteen; |
|
|
|
uni.setNavigationBarTitle({ |
|
|
|
title: this.canteen.user.canteen.canteen_name |
|
|
|
title: this.canteen.user.canteen.canteen_name |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
@ -79,10 +79,24 @@ |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style lang="scss" scoped="scoped"> |
|
|
|
.message-tag { |
|
|
|
width: 36rpx; |
|
|
|
height: 36rpx; |
|
|
|
background-color: red; |
|
|
|
border-radius: 50%; |
|
|
|
margin-right: 10rpx; |
|
|
|
text-align: center; |
|
|
|
align-content: center; |
|
|
|
color: white; |
|
|
|
display: flex; |
|
|
|
justify-content: space-around; |
|
|
|
} |
|
|
|
|
|
|
|
.head { |
|
|
|
height: 374rpx; |
|
|
|
width: 750rpx; |
|
|
|
background-color: #FFFFFF; |
|
|
|
|
|
|
|
image { |
|
|
|
width: 200rpx; |
|
|
|
height: 200rpx; |
|
|
|
@ -90,6 +104,7 @@ |
|
|
|
border-radius: 50%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.list { |
|
|
|
margin-top: 20rpx; |
|
|
|
padding: 0 32rpx; |
|
|
|
@ -97,15 +112,18 @@ |
|
|
|
width: 100%; |
|
|
|
height: auto; |
|
|
|
} |
|
|
|
|
|
|
|
.list-item { |
|
|
|
border-bottom: 1rpx solid #EEEEEE; |
|
|
|
height: 110rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
.icon-img { |
|
|
|
width: 50rpx; |
|
|
|
height: 50rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.feedback-btn { |
|
|
|
position: absolute; |
|
|
|
width: 100%; |
|
|
|
@ -113,10 +131,12 @@ |
|
|
|
z-index: 1; |
|
|
|
background: transparent; |
|
|
|
} |
|
|
|
|
|
|
|
&:last-child { |
|
|
|
border-bottom: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.exit { |
|
|
|
padding: 0 32rpx; |
|
|
|
// bottom: 50rpx; |
|
|
|
@ -124,6 +144,7 @@ |
|
|
|
padding-bottom: 50rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
background-color: #F6F6F6; |
|
|
|
|
|
|
|
button { |
|
|
|
background-color: #f0f0f0; |
|
|
|
color: #777777; |
|
|
|
|
