details_serviceCard.wxml 1.78 KB
<view class="main">
	<view class="bg-white pdh20 bdr12">
		<!-- 门店名称栏 -->
		<view class="flex jc_sb ai_c pdv20">
			<view class="ellipsis-1 pdr40 fs30"><text class="iconfont icon-shop c-red pdr10"></text>门店名称名称名称名称名称名称名称名称名称名称</view>
			<text class="c-red shrink0 fs26">待评价</text>
		</view>
		<!-- 列表栏 -->
		<view>
			<view class="flex pdv20">
				<view class="pic-box shrink0"><image class="img-block" src="../../images/wx2.png"></image></view>
				<view class="pdl20 f1">
					<view class="flex jc_sb ai_c">
						<view class="title ellipsis-2 pdr40">我是商品标题</view>
						<text class="rmb c-6">10</text>
					</view>
					<view class="flex jc_sb ai_c c-9 fs24">
						<text>10个/蓝色</text>
						<text>x1</text>
					</view>
				</view>
			</view>
		</view>
		<!-- 统计栏 -->
		<view class="t-r bdt pdv20">共2件商品,合计:<text class="rmb c-red bold fs30">21.00</text></view>
	</view>
	<view class="bg-white pdh20 mgt20 bdr12">
		<!-- 订单信息栏 -->
		<view class="pdv20">订单信息</view>
		<view class="flex jc_sb pdb20 ai_c">
			<view><text class="c-9">订单编号:</text>fwk20221252125222212 </view>
			<text class="btn-copy">复制</text>
		</view>
		<view class="pdb20"><text class="c-9">下单时间:</text>2021-12-27 18:00:00</view>
		<!-- 联系客服栏 -->
		<view class="flex t-c bdt">
			<view class="f1 pd20"><text class="iconfont icon-kefu c29f pdr20"></text>联系客服</view>
			<view class="f1 pd20 separator"><text class="iconfont icon-tongbu c-orange pdr20"></text>卡项同步</view>
		</view>
	</view>
	<!-- 底部按钮栏 -->
	<view class="btn-bar t-r bg-white pd20">
		<text class="btn btn-border">立即评价</text>
		<text class="btn bg-red white mgl20">再来一单</text>
	</view>
</view>