add store list

src/pages.json

@@ -1,6 +1,12 @@
 {
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
+			"path": "pages/store_list/store_list",
+			"style": {
+				"navigationBarTitleText": "门店信息列表"
+			}
+		},
+		{
 			"path": "pages/index/index",
 			"style": {
 			}

src/pages/index/index.vue

@@ -17,6 +17,8 @@
 					<view>10</view>
 				</view>
 			</view>
+			<image class="ih-bg-icon" style="left: 0;" mode="aspectFit" src="/static/images/icon/index/header_bg_a.png"></image>
+			<image class="ih-bg-icon" mode="aspectFit" src="/static/images/icon/index/header_bg_b.png"></image>
 		</view>
 		<view class="ic-notice">
 			<view class="in-left">
@@ -29,19 +31,66 @@
 			</view>
 		</view>
 		<view class="ic-tabs">
-			<view class="it-item" v-for="i in 9" :key="i">
-				<image mode="aspectFit" :src="'/static/images/icon/index/tab_'+ (i-1) + '.png'"></image>
-				<view>营业额</view>
+			<view class="it-item" v-for="e in tabList" :key="e.id">
+				<image mode="aspectFit" :src="'/static/images/icon/index/tab_'+ e.id + '.png'"></image>
+				<view>{{e.name}}</view>
 			</view>
 		</view>
 	</view>
 </template>
 
 <script>
+	const tabList = [
+		{
+			id: 0,
+			name: '营业额',
+			path: ''
+		},
+		{
+			id: 1,
+			name: '收款记录',
+			path: ''
+		},
+		{
+			id: 2,
+			name: '经营分析',
+			path: ''
+		},
+		{
+			id: 3,
+			name: '场馆订单',
+			path: ''
+		},
+		{
+			id: 4,
+			name: '会员卡订单',
+			path: ''
+		},
+		{
+			id: 5,
+			name: '积分订单',
+			path: ''
+		},
+		{
+			id: 6,
+			name: '员工管理',
+			path: ''
+		},
+		{
+			id: 7,
+			name: '核销查询',
+			path: ''
+		},
+		{
+			id: 8,
+			name: '场地管理',
+			path: ''
+		},
+	];
 	export default {
 		data() {
 			return {
-
+				tabList
 			}
 		},
 		onLoad() {
@@ -59,6 +108,7 @@
 		padding: 24upx 24upx 0;
 	}
 	.ic-header{
+		position: relative;
 		height: 476upx;
 		margin-bottom: 48upx;
 		padding: 38upx 24upx 0;
@@ -123,6 +173,18 @@
 				}
 			}
 		}
+		.ih-bg-icon{
+			position: absolute;
+			top: 0;
+			width: 120upx;
+			height: 142upx;
+			&+.ih-bg-icon{
+				right: 0;
+				top: 38upx;
+				width: 240upx;
+				height: 400upx;
+			}
+		}
 	}
 	.ic-notice{
 		margin-bottom: 24upx;

src/pages/store_list/store_list.vue

@@ -0,0 +1,78 @@
+<template>
+    <view class="store-list">
+        <view class="sl-list">
+            <view class="sl-item" v-for="e in 10" :key="e"> 
+                <view class="si-tit">欧轩智能羽毛球馆（永泰店）</view>
+                <view class="si-info">
+                    <view>营业状态：正常</view>
+                    <view>
+                        <view>微信商户号：17098768441</view>
+                        <image mode="aspectFit" src="/static/images/icon/arrow_b2.png"></image>
+                    </view>
+                </view>
+                <view class="si-user">许大仙 | 18046809331</view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss" scoped>
+    @import "../../../style/public.scss";
+    .store-list{
+        view{
+            line-height: 40upx;
+            font-size: 28upx;
+            color: #9c9c9f;
+        }
+    }
+    .sl-list{
+        padding: 24upx;
+    }
+    .sl-item{
+        padding: 32upx 24upx 0;
+        margin-bottom: 24upx;
+        border-radius: 10upx;
+        height: 228upx;
+        background-color: #fff;
+        .si-tit{
+            margin-bottom: 30upx;
+            font-size: 32upx;
+            line-height: 44upx;
+            color: #1a1a1a;
+            @include textHide(1);
+        }
+        .si-info{
+            margin-bottom: 10upx;
+            @include centerFlex(space-between);
+            >view{
+                &:first-child{
+                    flex-shrink: 0;
+                }
+                &+view{
+                    flex-grow: 1;
+                    @include centerFlex(flex-end);
+                    >view{
+                        flex-shrink: 1;
+                        flex-grow: 1;
+                        text-align: right;
+                        @include textHide(1);
+                    }
+                    >image{
+                        margin-left: 6upx;
+                        width: 20upx;
+                        height: 20upx;
+                    }
+                }
+            }
+        }
+        .si-user{
+            @include textHide(1);
+        }
+    }
+</style>