From a419f6159b280b5e0491d40ed2d8196d450b2492 Mon Sep 17 00:00:00 2001
From: taiwan <taiwan.su@meidd.com>
Date: Fri, 31 Dec 2021 15:48:01 +0800
Subject: [PATCH] 服务卡项订单详情

---
 packageA/pages/details_serviceCard/details_serviceCard.js   |  66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 packageA/pages/details_serviceCard/details_serviceCard.json |   8 ++++++++
 packageA/pages/details_serviceCard/details_serviceCard.wxml |  46 ++++++++++++++++++++++++++++++++++++++++++++++
 packageA/pages/details_serviceCard/details_serviceCard.wxss |  99 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 219 insertions(+), 0 deletions(-)
 create mode 100644 packageA/pages/details_serviceCard/details_serviceCard.js
 create mode 100644 packageA/pages/details_serviceCard/details_serviceCard.json
 create mode 100644 packageA/pages/details_serviceCard/details_serviceCard.wxml
 create mode 100644 packageA/pages/details_serviceCard/details_serviceCard.wxss

diff --git a/packageA/pages/details_serviceCard/details_serviceCard.js b/packageA/pages/details_serviceCard/details_serviceCard.js
new file mode 100644
index 0000000..4cd640e
--- /dev/null
+++ b/packageA/pages/details_serviceCard/details_serviceCard.js
@@ -0,0 +1,66 @@
+// packageA/pages/details_serviceCard/details_serviceCard.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/packageA/pages/details_serviceCard/details_serviceCard.json b/packageA/pages/details_serviceCard/details_serviceCard.json
new file mode 100644
index 0000000..af2acc1
--- /dev/null
+++ b/packageA/pages/details_serviceCard/details_serviceCard.json
@@ -0,0 +1,8 @@
+{
+  "navigationBarTitleText": "订单详情",
+  "usingComponents": {
+		"nodata": "/components/nodata/nodata",
+		"share_button": "/components/share/share"
+	},
+	"enablePullDownRefresh": false
+}
\ No newline at end of file
diff --git a/packageA/pages/details_serviceCard/details_serviceCard.wxml b/packageA/pages/details_serviceCard/details_serviceCard.wxml
new file mode 100644
index 0000000..a3825a8
--- /dev/null
+++ b/packageA/pages/details_serviceCard/details_serviceCard.wxml
@@ -0,0 +1,46 @@
+<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>
diff --git a/packageA/pages/details_serviceCard/details_serviceCard.wxss b/packageA/pages/details_serviceCard/details_serviceCard.wxss
new file mode 100644
index 0000000..91b3ce2
--- /dev/null
+++ b/packageA/pages/details_serviceCard/details_serviceCard.wxss
@@ -0,0 +1,99 @@
+page {
+	box-sizing: border-box;
+	padding: 20rpx 20rpx 0;
+	background-color: #f2f2f2;
+	font-size: 28rpx;
+}
+
+.bdr12 {
+	border-radius: 12rpx;
+}
+
+.w40 {
+	width: 40%;
+	box-sizing: border-box;
+}
+
+.btn-border {
+	border: 2rpx solid #808080;
+}
+
+.bg-red {
+	background-image: -webkit-linear-gradient(315deg,#f2140c,#f2270c 70%,#f24d0c);
+	background-image: linear-gradient(135deg,#f2140c,#f2270c 70%,#f24d0c);
+}
+
+.bg-orange {
+	background-image: -webkit-linear-gradient(315deg,#ffba0d,#ffc30d 69%,#ffcf0d);
+	background-image: linear-gradient(135deg,#ffba0d,#ffc30d 69%,#ffcf0d);
+}
+
+.c-orange {
+	color: #ff9000;
+}
+
+.main {
+	padding-bottom: 134rpx;
+}
+
+.pic-box {
+	width: 130rpx;
+	height: 130rpx;
+	border-radius: 12rpx;
+	overflow: hidden;
+}
+
+.rmb::before {
+	content: '￥';
+}
+
+.title {
+	height: 88rpx;
+}
+
+.separator {
+	position: relative;
+}
+
+.separator::before {
+	content: '';
+	position: absolute;
+	width: 2rpx;
+	height: 30%;
+	background-color: #f8f8f8;
+	left: 0;
+	top: 0;
+	bottom: 0;
+	margin: auto;
+}
+
+.btn-bar {
+	box-sizing: border-box;
+	position: fixed;
+	left: 0;
+	bottom: 0;
+	width: 100%;
+	font-size: 26rpx;
+	border-top: 2rpx solid #f2f2f2;
+}
+
+.btn {
+	box-sizing: border-box;
+	display: inline-block;
+	height: 70rpx;
+	line-height: 70rpx;
+	padding: 0 40rpx;
+	border-radius: 100rpx;
+}
+
+.btn-copy {
+	display: block;
+	color: #666;
+	font-size: 22rpx;
+	padding: 0 20rpx;
+	border-radius: 6rpx;
+	background-color: #f0f0f0;
+}
+
+
+
--
libgit2 0.21.4