unimall/unimall-app/pageC/my/common.vue

<template>
	<view>
		<!-- #ifdef MP-WEIXIN -->
		<u-navbar :is-back="false" title=" " :background="{ background: '#ffffff'  }" :border-bottom="false"></u-navbar>
		<!-- #endif -->
		<!-- #ifndef MP-WEIXIN -->
		<view class="status_bar"></view>
		<!-- #endif -->
		<u-cell-group>
			<!--<u-cell-item title="聊天背景" :title-style="{ marginLeft: '10rpx' }">
			</u-cell-item>-->
			<u-cell-item title="相册背景" @click="linkToBgImg" :title-style="{ marginLeft: '10rpx' }">
			</u-cell-item>
			<!--<u-cell-item title="我的表情" :title-style="{ marginLeft: '10rpx' }">
			</u-cell-item>-->
		</u-cell-group>
		<view  style="height: 10rpx;"></view>
		<u-cell-group>
			<u-cell-item :arrow="false">
				<view style="text-align: center;">清空聊天记录</view>
			</u-cell-item>
		</u-cell-group>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg',
				src1: 'https://taohaoliang.oss-cn-beijing.aliyuncs.com/tmp/qr_code.png',
				groupList: [
					{ title: '新消息通知', color: '#409eff', icon: 'star' },
					{ title: '隐私', color: '#409eff', icon: 'photo' },
					{ title: '通用', color: '#409eff', icon: 'coupon' },
					{ title: '帮助与反馈', color: '#ff9900', icon: 'heart' }
				],
			}
		},
		methods: {
			linkToBgImg(){
				this.$u.route({
					url: 'pageD/chooseBgImg/chooseBgImg'
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
</style>