Procházet zdrojové kódy

feat:到店服务页面提交

xyh8905170 před 2 roky
rodič
revize
92fa3db7a8
3 změnil soubory, kde provedl 177 přidání a 49 odebrání
  1. 75 0
      otherPages/storeService/index.rpx.scss
  2. 48 5
      otherPages/storeService/index.vue
  3. 54 44
      pages.json

+ 75 - 0
otherPages/storeService/index.rpx.scss

@@ -0,0 +1,75 @@
+.tabBarLineHeight {
+    height: 138rpx;
+}
+
+.tabBarView {
+    position: fixed;
+    bottom: 0;
+    left: 32rpx;
+
+
+    .submitButton {
+        text-align: center;
+        line-height: 84rpx;
+        width: 686rpx;
+        height: 84rpx;
+        background: #FFE05C;
+        border-radius: 54rpx;
+    }
+}
+
+.box_4 {
+    display: flex;
+    flex-direction: column;
+    padding: 24rpx 32rpx 1026rpx 32rpx;
+}
+
+.group_1 {
+    width: 686rpx;
+    flex-direction: row;
+    display: flex;
+    justify-content: space-between;
+}
+
+.text-group_2 {
+    display: flex;
+    flex-direction: column;
+}
+
+.text_3 {
+    overflow-wrap: break-word;
+    color: rgba(51, 51, 51, 1);
+    font-size: 28rpx;
+    font-family: PingFangSC-Regular;
+    font-weight: normal;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 44rpx;
+    margin-right: 84rpx;
+}
+
+.text_4 {
+    overflow-wrap: break-word;
+    color: rgba(153, 153, 153, 1);
+    font-size: 28rpx;
+    font-family: PingFangSC-Regular;
+    font-weight: normal;
+    text-align: left;
+    white-space: nowrap;
+    line-height: 44rpx;
+    margin-top: 16rpx;
+}
+
+.thumbnail_2 {
+    width: 32rpx;
+    height: 32rpx;
+    margin: 66rpx 0 6rpx 0;
+}
+
+.group_2 {
+    background-color: rgba(238, 238, 238, 1.000000);
+    width: 686rpx;
+    height: 2rpx;
+    margin-top: 24rpx;
+    display: flex
+}

+ 48 - 5
otherPages/storeService/index.vue

@@ -1,11 +1,54 @@
 <template>
-    <view>
-        
-    </view>
+    <view class="content">
+        <view>
+            <view class="box_4">
+                <view class="group_1">
+                    <view class="text-group_2">
+                        <text lines="1" class="text_3">服务对象</text>
+                        <text lines="1" class="text_4">请选择服务对象</text>
+                    </view>
+                    <u-icon name="arrow-right" color="#666" size="18"></u-icon>
+                </view>
+                <view class="group_2"></view>
+                <view class="group_1">
+                    <view class="text-group_2">
+                        <text lines="1" class="text_3">服务类型</text>
+                        <text lines="1" class="text_4">请选择服务类型</text>
+                    </view>
+                    <u-icon name="arrow-right" color="#666" size="18"></u-icon>
+                </view>
+                <view class="group_2"></view>
+            </view>
+            <view class="tabBarLineHeight"></view>
+            <view class="tabBarView">
+                <view class="submitButton">提交</view>
+            </view>
+        </view>
+    </view>>
 </template>
 
 <script>
+import tabBar from "../../components/tabBar/tabBar";
+export default {
+    components: {
+        tabBar
+    },
+    data() {
+        return {
+            title: 'Hello',
+            tabIndex: 3
+        }
+    },
+    onLoad() {
+
+    },
+    methods: {
+
+    }
+}
 </script>
 
-<style>
-</style>
+<style scoped lang="scss">
+@import '/common/css/common.css';
+@import './index.rpx.scss';
+</style>

+ 54 - 44
pages.json

@@ -40,10 +40,9 @@
 				"navigationBarTitleText": "我的"
 			}
 		}
-
 	],
-
-	"subPackages": [{
+	"subPackages": [
+		{
 			"root": "loginPages",
 			"pages": [
 				{
@@ -52,87 +51,95 @@
 						"navigationBarTitleText": "账号绑定",
 						"enablePullDownRefresh": false
 					}
-				}, {
+				},
+				{
 					"path": "login/bind-account-password",
 					"style": {
 						"navigationBarTitleText": "绑定账号密码",
 						"enablePullDownRefresh": false
 					}
-
-				}, {
+				},
+				{
 					"path": "login/bind-transaction-password",
 					"style": {
 						"navigationBarTitleText": "绑定账号支付密码",
 						"enablePullDownRefresh": false
 					}
-
-				}
-			, {
+				},
+				{
 					"path": "login/login-old-account",
 					"style": {
 						"navigationBarTitleText": "输入账号密码",
 						"enablePullDownRefresh": false
 					}
-
-				}, {
+				},
+				{
 					"path": "login/login-real-name-auth",
 					"style": {
 						"navigationBarTitleText": "实名认证",
 						"enablePullDownRefresh": false
 					}
-
-				}, {
+				},
+				{
 					"path": "login/retrieve-account",
 					"style": {
 						"navigationBarTitleText": "账号密码找回",
 						"enablePullDownRefresh": false
 					}
-
-				}
-			, {
+				},
+				{
 					"path": "login/retrieve-account-password",
 					"style": {
 						"navigationBarTitleText": "账号密码找回",
 						"enablePullDownRefresh": false
 					}
-
-				}	, {
+				},
+				{
 					"path": "login/retrieve-account-phone",
 					"style": {
 						"navigationBarTitleText": "账号找回",
 						"enablePullDownRefresh": false
 					}
-
-				}
-			, {
+				},
+				{
 					"path": "login/retrieve-method",
 					"style": {
 						"navigationBarTitleText": "账号找回方式",
 						"enablePullDownRefresh": false
 					}
 				}
-				]
+			]
 		},
 		{
 			"root": "otherPages",
-			"pages": [{
-				"path": "order/index",
-				"style": {
-					"navigationBarTitleText": "订单",
-					"enablePullDownRefresh": false,
-					"navigationStyle": "custom"
+			"pages": [
+				{
+					"path": "order/index",
+					"style": {
+						"navigationBarTitleText": "订单",
+						"enablePullDownRefresh": false,
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "storeService/index",
+					"style": {
+						"navigationBarTitleText": "到店服务",
+						"enablePullDownRefresh": false
+					}
 				}
-			}]
+			]
 		},
 		{
 			"root": "myPages",
-			"pages": [{
-				"path": "recharge/index",
-				"style": {
-					"navigationBarTitleText": "储值服务",
-					"enablePullDownRefresh": false
-				}
-			},
+			"pages": [
+				{
+					"path": "recharge/index",
+					"style": {
+						"navigationBarTitleText": "储值服务",
+						"enablePullDownRefresh": false
+					}
+				},
 				{
 					"path": "coupon/index",
 					"style": {
@@ -144,13 +151,15 @@
 		},
 		{
 			"root": "storePages",
-			"pages": [{
-				"path": "store/store-choose",
-				"style": {
-					"navigationBarTitleText": "选择门店",
-					"enablePullDownRefresh": false
+			"pages": [
+				{
+					"path": "store/store-choose",
+					"style": {
+						"navigationBarTitleText": "选择门店",
+						"enablePullDownRefresh": false
+					}
 				}
-			}]
+			]
 		}
 	],
 	"tabBar": {
@@ -158,7 +167,8 @@
 		"selectedColor": "#B22338",
 		"borderStyle": "white",
 		"backgroundColor": "#ffffff",
-		"list": [{
+		"list": [
+			{
 				"pagePath": "pages/index/index"
 			},
 			{
@@ -183,4 +193,4 @@
 		"titleNView": false
 	},
 	"uniIdRouter": {}
-}
+}