wardrobe/pages/dizhi/index.vue

<template>
	<view :style="{ minHeight: sys.windowHeight + 'px' }"
		:class="[$tm.vx.state().tmVuetify.black ? 'black' : ' ']">
		<tm-menubars title="消息列表" :shadow="0" :showback="true"></tm-menubars>
		<div class="dizhi">
			<view class="contdz pt-20">
				<view>
					<text>薛定谔</text>
					<text class="ml-40 text-gray text-size-m">178****5566</text>
					<tm-button class="ml-50" :round="10" theme="gray" size="s">学校</tm-button>
				</view>
				<view class="text-gray text-size-s mt-15">
					<text>江苏省南京市江宁区 淳化街道弘景大道3666号</text>
					<image class="fr xiugai" src="/static/img/109.png" mode="widthFix"></image>
				</view>
			</view>
			<view class="contdz pt-20">
				<view>
					<text>薛定谔</text>
					<text class="ml-40 text-gray text-size-m">178****5566</text>
					<tm-button class="ml-50" :round="10" theme="gray" size="s">学校</tm-button>
				</view>
				<view class="text-gray text-size-s mt-15">
					<text>江苏省南京市江宁区 淳化街道弘景大道3666号</text>
					<image class="fr xiugai" src="/static/img/109.png" mode="widthFix"></image>
				</view>
			</view>
			<view class="contdz pt-20">
				<view>
					<text>薛定谔</text>
					<text class="ml-40 text-gray text-size-m">178****5566</text>
					<tm-button class="ml-50" :round="10" theme="gray" size="s">学校</tm-button>
				</view>
				<view class="text-gray text-size-s mt-15">
					<text>江苏省南京市江宁区 淳化街道弘景大道3666号</text>
					<image class="fr xiugai" src="/static/img/109.png" mode="widthFix"></image>
				</view>
			</view>
			
		</div>
		<tm-button :round="24" class="sao mb-40 mt-40" block>新建收获地址</tm-button>
		<!-- 弹出层消息 -->
		<tm-message ref="toast"></tm-message>
	</view>
</template>	
<script>
import{myRequest} from '@/api/request.js'
export default {
	data() {
		return {
			checked1:false,
			checked2:false,
			checked3:false,
			beizu:''
		};
	},
	onLoad() {
		
	},
	created() {
		this.sys = uni.getSystemInfoSync();
	},
	methods: {
		aa(num){
			if(num==1){
				this.checked1=true;
				this.checked2=false;
				this.checked3=false;
			}else if(num==2){
				this.checked1=false;
				this.checked2=true;
				this.checked3=false;
			}else if(num==3){
				this.checked1=false;
				this.checked2=false;
				this.checked3=true;
			}
		},
	},
}
</script>

<style lang="scss">
	/deep/ .tm-menubars .body{
		background-color: #1b1b1b !important;
	}
	/deep/ .zhuti{padding: 10px 10px;}
	/deep/ .kuang{margin:0 !important;padding: 0px !important;}
	.sao{width: 88%;margin:0 auto;margin-top: 30px;}
	.dizhi{background: #1B1B1B;}
	.xiugai{width: 18px;height:18px;}
	.contdz{width: 90%;margin:0 auto;border-bottom: 1px solid #303030;padding-bottom: 15px;}
</style>