wardrobe/pages/shouhuodi/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>
			<tm-sheet class="kuang" style="padding-bottom: 40px !important;">
				<view style="width: 94%;margin:0 auto;">
					<tm-input title="收货人" placeholder="请填写收货人姓名"></tm-input>
					<tm-input title="手机号码" placeholder="填写收件人手机号码"></tm-input>
					<tm-input title="所在地区" placeholder="省市区县、乡镇等"></tm-input>
					<tm-input title="详细地址" placeholder="街道、楼牌号等"></tm-input>
				</view>
			</tm-sheet>
			<tm-sheet class="kuang" style="padding-bottom: 20px !important;">
				<view style="width: 94%;margin:0 auto;padding-top:15px;">
					<view class="fl text-white mt-10" style="width: 15%;">标签</view>
					<view class="fl" style="width: 80%;">
						<tm-button class="ml-20" :round="10" theme="gray" size="s">学校</tm-button>
						<tm-button class="ml-20" :round="10" theme="gray" size="s">学校</tm-button>
						<tm-button class="ml-20" :round="10" theme="gray" size="s">学校</tm-button>
						<tm-button class="ml-20" :round="10" theme="gray" size="s">学校</tm-button>
						<tm-button class="ml-20" :round="10" theme="gray" size="s">+</tm-button>
					</view>
					<view style="clear: both;"></view>
					<tm-listitem title="设置为默认地址">
						<template v-slot:rightIcon="">
							<tm-switch offBgcolor="yellow text-black" :text="['','']" color="primary" v-model="on"></tm-switch>
						</template>
					</tm-listitem>
				</view>
			</tm-sheet>
			<tm-button :round="24" class="sao mb-40 mt-40" block>保存</tm-button>
		</div>
		<!-- 弹出层消息 -->
		<tm-message ref="toast"></tm-message>
	</view>
</template>	
<script>
import{myRequest} from '@/api/request.js'
export default {
	data() {
		return {
			on:false,
		};
	},
	onLoad() {
		
	},
	created() {
		this.sys = uni.getSystemInfoSync();
	},
	methods: {
		
	},
}
</script>

<style lang="scss">
	/deep/ .tm-menubars .body{
		background-color: #1b1b1b !important;
	}
	/deep/ .kuang{margin:0 !important;padding: 0px !important;margin-top:10px !important;}
	/deep/ .border-grey-darken-4-b-1{border-bottom:solid 1px #303030;}
	.sao{width: 88%;margin:0 auto;margin-top: 30px;}
	/deep/ .tm-button-label{color: white;}
	/deep/ .tm-listitem{border-top: 1px solid #303030;margin-top: 15px;}
</style>