CommunityApp/pages/demo/myfamily.vue

<template>
	<view class="flex bg-white flex-direction justify-center align-center">
		<u-avatar  size="130" src="http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg"></u-avatar>
		<text  style="margin:30rpx 0 100rpx 0rpx;color: #333333;font-size: 26rpx;font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;">Hi~登陆玩转社区吧</text>
		<view class="cu-btn round wx-btn ">
			<view class="text-center"  style="position: relative;left: -100rpx;">
				<text class="cuIcon-weixin icon"></text>
			</view>
			<view style="position: relative;left: -16rpx;">
				<text class="text-center text-lg">微信快速登陆</text>
			</view>
		</view>
		<view class="cu-btn round line-gray " style="width: 200rpx;margin-top: 80rpx;">
			返回
		</view>
	</view>
</template>

<script>
export default {
	name: '',
	data() {
		return {
			
		};
	},
	onLoad() {
		
	},
	methods:{
		
	}
};
</script>

<style lang="scss" scoped>
	.wx-btn{
		background-color: #2ba246;
		color: #FFFFFF;
		padding: 40rpx 180rpx;
		.icon{
			color: #216a21;
			font-size: 42rpx;
		}
	}
</style>