From 54cf5620a7574d285ab2ce94e7d1626acd02d700 Mon Sep 17 00:00:00 2001
From: iceling <iceling@meidd.com>
Date: Tue, 5 Nov 2019 09:08:48 +0800
Subject: [PATCH] 预约主界面排版

---
 pages/user/Appment_main/Appment_main.js   |  24 ++++++++++++++++++++++++
 pages/user/Appment_main/Appment_main.json |   3 +++
 pages/user/Appment_main/Appment_main.wxml | 101 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 pages/user/Appment_main/Appment_main.wxss | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 235 insertions(+), 0 deletions(-)
 create mode 100644 pages/user/Appment_main/Appment_main.js
 create mode 100644 pages/user/Appment_main/Appment_main.json
 create mode 100644 pages/user/Appment_main/Appment_main.wxml
 create mode 100644 pages/user/Appment_main/Appment_main.wxss

diff --git a/pages/user/Appment_main/Appment_main.js b/pages/user/Appment_main/Appment_main.js
new file mode 100644
index 0000000..4c85287
--- /dev/null
+++ b/pages/user/Appment_main/Appment_main.js
@@ -0,0 +1,24 @@
+var e = getApp(), a = e.globalData.setting, os = a, t = e.request;
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    iurl: a.imghost,
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/user/Appment_main/Appment_main.json b/pages/user/Appment_main/Appment_main.json
new file mode 100644
index 0000000..0ccb141
--- /dev/null
+++ b/pages/user/Appment_main/Appment_main.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "预约服务"
+}
\ No newline at end of file
diff --git a/pages/user/Appment_main/Appment_main.wxml b/pages/user/Appment_main/Appment_main.wxml
new file mode 100644
index 0000000..b585a86
--- /dev/null
+++ b/pages/user/Appment_main/Appment_main.wxml
@@ -0,0 +1,101 @@
+<view class="container">
+  <image class="main" src="{{iurl}}/miniapp/images/yyservice/main.png"></image>
+
+  <view class="Fram">
+    <!-- 选择门店 -->
+    <view class="flex-vertical mabot">
+      <!-- 门店 -->
+      <view class="flex-vertical-between head fs28">
+        <view>门</view>
+        <view>店</view>
+      </view>
+
+      <!-- 选择门店 -->
+      <view class="flex-vertical-between fs26 select">
+        <input placeholder="选择服务门店" />
+        <view class="angle">∟</view>
+      </view>
+    </view>
+
+    <!-- 选择美容师 -->
+    <view class="flex-vertical mabot">
+      <!-- 门店 -->
+      <view class="flex-vertical-between head fs28">
+        <view>美</view>
+        <view>容</view>
+        <view>师</view>
+      </view>
+
+      <!-- 选择门店 -->
+      <view class="flex-vertical-between fs26 Cosmetology">
+        <input placeholder="选择美容师" />
+        <view class="angle">∟</view>
+      </view>
+      <image class="user" src="{{iurl}}/miniapp/images/yyservice/user.png"></image>
+    </view>
+
+    <!-- 选择时间 -->
+    <view class="flex-vertical mabot">
+      <!-- 门店 -->
+      <view class="head fs28">
+        <view>预约时间</view>
+      </view>
+
+      <!-- 选择门店 -->
+      <view class="flex-vertical-between fs26 select">
+        <input placeholder="选择时间" />
+        <view class="angle">∟</view>
+      </view>
+    </view>
+
+    <!-- 备注 -->
+    <view class="flex Remarks">
+      <!-- 门店 -->
+      <view class="flex-space-between head fs28">
+        <view>备</view>
+        <view>注</view>
+      </view>
+      <view class="flex">
+        <textarea placeholder="剩余可预约人数10人" placeholder-class="fs26">
+        </textarea>
+      </view>
+    </view>
+
+    <view class="submitMax flex-space-between fs30">
+      <view class="appment flex-center">
+        <view>我的预约</view>
+      </view>
+      <view class="sub_appment flex-center">
+        <view>提交预约</view>
+      </view>
+    </view>
+
+    <block wx:if="{{false}}">
+      <view class="subSuccess fs36">
+        <image class="Success" src="{{iurl}}/miniapp/images/yyservice/Success.png"></image>
+        <view>预约成功</view>
+      </view>
+    </block>
+
+
+
+
+  </view>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</view>
\ No newline at end of file
diff --git a/pages/user/Appment_main/Appment_main.wxss b/pages/user/Appment_main/Appment_main.wxss
new file mode 100644
index 0000000..f62f4d1
--- /dev/null
+++ b/pages/user/Appment_main/Appment_main.wxss
@@ -0,0 +1,107 @@
+.container{
+  border-top: 7rpx solid rgb(245, 245, 245);
+}
+.main {
+  width: 100%;
+  height: 305rpx;
+}
+
+.angle {
+  transform: rotate(-45deg);
+  margin-right: 15rpx;
+  margin-bottom: 10rpx;
+  font-size: 26rpx;
+}
+
+.user {
+  width: 40rpx;
+  height: 45rpx;
+}
+
+.Fram {
+  padding: 0rpx 60rpx;
+  margin-top: 60rpx;
+}
+
+.subSuccess {
+  position: fixed;
+  z-index: 3;
+  top: 420rpx;
+  left: 110rpx;
+  width: 540rpx;
+  height: 315rpx;
+  background-color: #a6a6a6a4;
+  text-align: center;
+  border-radius: 20rpx;
+  color: rgb(255, 255, 255);
+  font-weight: bold;
+}
+
+.Success {
+  width: 110rpx;
+  height: 110rpx;
+  margin-top: 70rpx;
+  margin-bottom: 30rpx;
+}
+
+.appment, .sub_appment {
+  width: 270rpx;
+  height: 55rpx;
+  border-radius: 25rpx;
+}
+
+.appment {
+  background-color: rgb(238, 238, 238);
+}
+
+.sub_appment {
+  background-color: rgb(214, 1, 33);
+   color: rgb(255, 255, 255);
+}
+
+.head {
+  width: 115rpx;
+  margin-right: 40rpx;
+}
+
+textarea {
+  width: 435rpx;
+  background-color: rgb(238, 238, 238);
+  border-radius: 10rpx;
+  height: 115rpx;
+  padding-left: 40rpx;
+  padding-top: 20rpx;
+  margin-bottom: 60rpx;
+}
+
+.mabot {
+  margin-bottom: 35rpx;
+}
+
+.select {
+  width: 420rpx;
+  height: 50rpx;
+  line-height: 50rpx;
+  background-color: rgb(238, 238, 238);
+  border-radius: 10rpx;
+  padding-left: 40rpx;
+  padding-right: 15rpx;
+}
+
+.Cosmetology {
+   padding-left: 40rpx;
+  padding-right: 15rpx;
+  width: 365rpx;
+  background-color: rgb(238, 238, 238);
+  height: 50rpx;
+  line-height: 50rpx;
+  border-radius: 10rpx;
+  margin-right: 15rpx;
+}
+.submitMax {
+  margin-top: 50rpx;
+  padding: 0rpx 15rpx;
+}
+.Remarks{
+  margin-top: 15rpx;
+}
\ No newline at end of file
--
libgit2 0.21.4