|
@@ -6,7 +6,8 @@
|
|
|
<view class="vse">
|
|
|
<u-search placeholder="搜索资讯" v-model="keyword" @search="search" :actionStyle="{ color: 'white' }" :animation="true" actionText="取消"></u-search>
|
|
|
</view>
|
|
|
- <view class="icon" @click="scanCode()"></view>
|
|
|
+ <view class="icon" @click="message()"></view>
|
|
|
+ <view class="bage" v-if="count > 0"></view>
|
|
|
</view>
|
|
|
<!--轮播图-->
|
|
|
<u-swiper circular :radius="5" :indicator="true" keyName="image" :list="bannerList" :height="110" class="uni-swiper" @click="click"></u-swiper>
|
|
@@ -60,7 +61,8 @@ export default {
|
|
|
newsList: [],
|
|
|
noticeList: ['边民互市贸易APP上线了', '关于边民互市贸易开通注意事项'],
|
|
|
roleMenu: [],
|
|
|
- menuList: []
|
|
|
+ menuList: [],
|
|
|
+ count: 0
|
|
|
};
|
|
|
},
|
|
|
onLoad() {
|
|
@@ -79,6 +81,7 @@ export default {
|
|
|
loading: 'false',
|
|
|
success: res => {
|
|
|
if (res.data.data.count > 0) {
|
|
|
+ this.count = res.data.data.count;
|
|
|
uni.setTabBarBadge({ index: 1, text: res.data.data.count });
|
|
|
}
|
|
|
}
|
|
@@ -117,10 +120,15 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+ //点击轮播图
|
|
|
+ click(index) {
|
|
|
+ uni.navigateTo({ url: '/pages/news/detail?id=8' });
|
|
|
+ },
|
|
|
+ message() {
|
|
|
+ uni.switchTab({ url: '/pages/message/message' });
|
|
|
+ },
|
|
|
search() {
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/news/list?keyword=' + this.keyword
|
|
|
- });
|
|
|
+ uni.navigateTo({ url: '/pages/news/list?keyword=' + this.keyword });
|
|
|
},
|
|
|
navTo(url) {
|
|
|
uni.navigateTo({
|
|
@@ -163,6 +171,15 @@ page {
|
|
|
font-size: 25px;
|
|
|
top: 5px;
|
|
|
}
|
|
|
+ .bage {
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ border-radius: 50%;
|
|
|
+ background-color: #f44336;
|
|
|
+ top: 0px;
|
|
|
+ right: 0px;
|
|
|
+ position: absolute;
|
|
|
+ }
|
|
|
}
|
|
|
.uni-swiper {
|
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|