wardrobe/pages/dingdan/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>
		<tm-tabs align="center" class="qiehuan1" v-model="activeIndex" :list="list2" range-key="title"></tm-tabs>
		<div class="zhuti shangpin">
			<tm-sheet class="jiaoxi" style="" v-for="item in test">
				<tm-cartCellListFood class="shuliang" :typeclick="typeclick" :mdata="item" :cart-num.sync="item.buy"></tm-cartCellListFood>
			</tm-sheet>
		</div>
		<!-- 弹出层消息 -->
		<tm-message ref="toast"></tm-message>
	</view>
</template>	
<script>
import{myRequest} from '@/api/request.js'
export default {
	data() {
		return {
			list2:[ '全部','待付款','待收货','已完成','售后'],
			activeIndex:0,
			test: [{
				img: '../../static/img/83.png',
				title: '丝缎质感纹理风衣',
				label: '黑色 - 6518/320',
				size:'S',
				price: '1299',
				id: 3,
				buy: 0,
				itemId: 0,
				checked:false,
			},{
				img: '../../static/img/84.png',
				title: '产品3（任选）',
				size:'S',
				label: '这个产品是只有几个融会',
				price: 36.2,
				id: 3,
				buy: 0,
				itemId: 0,
				checked:false
			}],
			typeclick:4,//1加入购物车，2购物车
		};
	},
	onLoad() {
		
	},
	created() {
		this.sys = uni.getSystemInfoSync();
	},
	methods: {
		
	},
}
</script>

<style lang="scss">
	/deep/ .tm-menubars .body{
		background-color: #1b1b1b !important;
	}
	/deep/ .qiehuan1 .text-primary{color: white !important;}
	/deep/ .qiehuan1 .tm-tabs-wk{border-top: 1px solid #262628;}
	/deep/ .shuliang .text-size-n{color: white !important;}
	/deep/ .shangpin .white.bk{background-color:#1b1b1b!important;}
	/deep/ .shangpin .tm-cartCellListFood{padding: 0px 0px 15px 0px !important;
	margin-top: 5px !important;margin-bottom: 20px !important;
	border-bottom: 1px solid #1B1B1B;}
	/deep/ .shangpin .border-t-1.bk{border-top:1px solid #1b1b1b!important;}
	/deep/ .shangpin .title{color: white !important;}
	/deep/ .shangpin .text-red{color: white !important;}
	/deep/ .shangpin .round-3{width:90px !important;height:90px !important;}
	/deep/ .shangpin .tm-cartCellListFood-img{width:90px !important;height:90px !important;}
	/deep/ .shuliang .text-size-n{color: white !important;}
	/deep/ .jiaoxi{margin:0 !important;padding: 8px !important;margin-top: 10px !important;}
</style>