unimall/liangxin/yiqun/vue-app/pages/find/find.vue

<template>
	<view class="content">
		<u-cell-group>
			<u-cell-item  title="朋友圈" :title-style="{marginLeft:'30rpx',fontWeight:'800'}" @tap="linkToMoment">
				<u-icon slot="icon" name="moments" color="#409eff" size="40"></u-icon> 
			</u-cell-item>
		</u-cell-group>	
		<view style="height: 10rpx;"></view>
		<u-cell-group>
			<u-cell-item  title="扫一扫" :title-style="{marginLeft:'30rpx',fontWeight:'800'}" @tap="linkToScan">
				<u-icon slot="icon" name="scan" color="#409eff" size="40"></u-icon> 
			</u-cell-item>
		</u-cell-group>
		<view style="height: 10rpx;"></view>
		<view class="" v-for="(item,index) in linkItem" :key="index">
			<u-cell-group>
				<u-cell-item  :title="item.title" :title-style="{marginLeft:'30rpx',fontWeight:'800'}"  @tap="linkTo(item,index)">
					<u-icon slot="icon" :name="item.icon" :color="item.color" size="40"></u-icon> 
				</u-cell-item>
			</u-cell-group>
			<view v-if="index!=linkItem.length" class="" style="height: 10rpx;"></view>
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
		};
	},
	onShow() {
		this.querylinkItem(false)
	},
	onPullDownRefresh() {
		this.querylinkItem(true)
	},
	methods: {
		querylinkItem(freshFlag){
			this.$socket.getLinks(this.userData.user.operId, res=>{
				this.$u.vuex('linkItem',res.response.data)
				if(freshFlag){
					uni.stopPullDownRefresh();
				}
			});
		},
		linkToMoment(){
			this.$u.route({
				url:'pages/firendCircle/firendCircle'
			})
		},
		linkToScan(){
			uni.scanCode({
				success: function(res) {
					uni.vibrateLong();
					let uId = res.result
					if (uId==t.userData.user.operId){
						uni.showToast({
							icon:'none',
							title:'暂不支持添加自己'
						})
					} else {
						t.$u.route({
							url: 'pages/businessCard/businessCard',
							params:{ id: uId, source: 2}
						})
					}
				}
			});
		},
		linkTo(item, index){
			this.$u.route({
				url:'pages/webview/webview',
				params:{url:item.url,name:item.title}
			})
		}
	}
};
</script>

<style lang="scss" scoped>
	.content{
		
	}
</style>