From 6ded91094feb5cf4f7bd089c1f50bb98293cd8e8 Mon Sep 17 00:00:00 2001
From: "liujw155@outlook.com" <liujw155@outlook.com>
Date: Tue, 8 Sep 2020 16:51:47 +0800
Subject: [PATCH] add store list

---
 src/pages.json                               |   6 +++
 src/pages/index/index.vue                    |  70 ++++++++++++++++++++++--
 src/pages/store_list/store_list.vue          |  78 +++++++++++++++++++++++++++
 src/static/images/icon/index/header_bg_a.png | Bin 0 -> 815 bytes
 src/static/images/icon/index/header_bg_b.png | Bin 0 -> 1990 bytes
 5 files changed, 150 insertions(+), 4 deletions(-)
 create mode 100644 src/pages/store_list/store_list.vue
 create mode 100644 src/static/images/icon/index/header_bg_a.png
 create mode 100644 src/static/images/icon/index/header_bg_b.png

diff --git a/src/pages.json b/src/pages.json
index 58a0abe..56abf81 100644
--- a/src/pages.json
+++ b/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": {
 			}
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index b1b7991..a883c85 100644
--- a/src/pages/index/index.vue
+++ b/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;
diff --git a/src/pages/store_list/store_list.vue b/src/pages/store_list/store_list.vue
new file mode 100644
index 0000000..c1dc403
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/static/images/icon/index/header_bg_a.png b/src/static/images/icon/index/header_bg_a.png
new file mode 100644
index 0000000000000000000000000000000000000000..6cb2e031fdd5597de8fc466bd302b1d2a6d75b53
GIT binary patch
literal 815
zcmV+~1JL}5P)<h;3K|Lk000e1NJLTq004LZ0052z0{{R32!YY%0000FP)t-s00030
z|NsC0|NsC0|NsAwLf&Wq000GaQchC<6bS?m<`N}i0008YNkl<ZXx{CaQIdi%5JVwx
z024R>!976GJpggJ|CzS5geDPZl8Lon+h3O9WhUK04OUs2^s3YG1<iHU>sY(N<`}l?
zcz-aljt4K{1>1N>&8*#XHn$&E+wgn<*U{*t=i^~_0ISF`ANFTyOG3w*$QewXU}uX4
z!@dS8=_fRW*3?8$Yb{J}!%*zoppZ0{<-;m(f`a^h_AnJi1@)RnSf-|ficJYGweN$1
zW9Tigwqb&bvkb0POi;0<fwvP86zs;z0)IT&b-WX{E}|uqA4LdcU#jJTiZ9wnGX+7h
zc5kpDmdwH$OGZ#kR<1%Ztfr%3AXp}rJdm(`h0SisRT@0+h$bPZC=>MBVn$LmV70x(
zS{N9<V$nV+s4x_(BXy~;!E40FzzQ%-Mo`Hx;>BBuaF5*5f(mbeaf}?hjSnTk`i)$|
zo$(L<!zD1kJ^vb3AAwC7e7y_b_SaQuAArOcGXr-5xc&%y62OxXj=y4;yZn~>vdZ!B
zAjnyN1a<_>|CIV;7`sydPbDyJA_0sa>-jK%nSl8N3IX#+BOc}tWl-L6aJ<WJ?~JQh
zvpeb($R2?ym_2-xFn8?Fhb_#`h7pd*hZX!{9y8F7ck*EizZjT%q{YMh!?dsEsUPuU
zJYF9AE1OmHK_s<nQ_}URr0b!eYhBW{Dd~F7hAm*1%Qj&9?7}tRPGFZjsJ5hQThO)A
z&`?mgFDcwf3ZrXzVN;N?p7S$?1iM;nm(_B+l$P7ocu8S2E#6(<T8nd1T38qhMqxSI
z3(P`c0V^rofJMeR>lJP;<+Zr*7ognR>4LJPTL;Z3lx3RM<{VWGOy>WwTgJ0{7<?HQ
zeW>0Y!=%u(9R8`~u&Ly5?*uSd0nBep0SgIOh-JlaPqP){vlzY+7zdv#F?@5C6z)+r
t7dAj?HKUJ;j;>17`T^n}+%leX$X_@A2r?W-_m2Po002ovPDHLkV1nU~dQJcU

literal 0
HcmV?d00001

diff --git a/src/static/images/icon/index/header_bg_b.png b/src/static/images/icon/index/header_bg_b.png
new file mode 100644
index 0000000000000000000000000000000000000000..3aeb6c7ff076122f28e5eb508438465594848dc4
GIT binary patch
literal 1990
zcmV;%2RZnOP)<h;3K|Lk000e1NJLTq008g+00EE$0{{R3V)*b+0000FP)t-s00030
z|NsC0|NsC0|NsAwLf&Wq000GaQchC<6b}Xq*Tnxy000MJNkl<Zc-q95(RIQw5Cj*=
z1>~F*kRudefeS!D|25^2U&qMsbj&m`@6M~Wq(Dyd?Xut7AN&2`c0DPaJYU@YVLV(X
zg>kyMJz%_rOr96kf8D+3o~v!7uhwldowa~?a5F%hFJ^>zHY3Ej8X}(U6?%+|h_f3a
zp3M;P(HL>H*P*-?6stCr*C?-1UZcE5dF@3nBd*4Xt1;rEG2&#5crZqs9THb##KoRr
zyg!MjNq0{7$FeWPorAS}i!NWVdV;*&IyK+10U!7<ZF%r?X^y3~t?qn+59*KinpV9}
z(s)(??M4461V_e|3J|I-i@qv|3aq)^(c`25+8zC+Fbd#pChJpiRLGl{JxdOGcaS$j
zULAqnXbimYzNtITiX=CF`(YF&SnC6iils2YS|9jZu@vS5D+A5(u%*um2KWX4k)TD(
znM7+~5-nAvI;0FOT7~H7JJ1nUf|8}mBufL+SyF)p7IDp5kCx)8Om`?l-Ju;cupAh8
z^$>q3o&rT$&YWQlP-&?!EiF+4C*VK4y6Lmt08}0tpte+j%0mvFrGbjp4vLl>idKeN
zO9_gWDikeI(Hf{t7i!ZEZ8|fTODREzSOwa&9NKiIGM%VR7pOht(55qV*;1l5U6{Lv
z<UnmL|HZ%TTv2X9F$_b41BA8*=x$KN1@i8HscC<c95)j&`<Pxo;Z?3;2Wn@d;F#*)
z#rC@C`32JEV(YKpmsWm--fS=2#VtRmfZ{6xkDMC5+bS*~7Zd;ZaOG7Enc<sDHy2B_
zNVU~V*YS})O!r#NfTW)nR9mZNZasUJ(o}RHmQ{yoYZSj=My3bGl2yG=Rve}+uUY|5
z<iNBgHb2+^L>;Z{=tt7>q#t@cElTuH#4+oZ-uDM2mGXLsVS7r*Ho+Zr?9UgAawxp@
zo{^ZLuC|(}!B~@1ZLaa5m>|E1Nyf6oqSj<&TOovHYMNBgcU1}Z3{4JdI~{~oGEK%l
zcFGTXaO#ac;Dl#gBA+`q!Vfz^AKu`}B3U$jT!mb~NeYfUv8x{dd?%u=H`L@*L~@+6
zp;hPNi`v*_X-4Di7Kvi%gCm5ADx{3c=$pagO&Jc-as*-=!Z@_ydmPx5le)#KLE2c>
zP!lNTz*89ycBc4%7*__OjnN;Ra!Ir21r$?YZQ4G`iSXH`oiB940V;85<Mu|K|AXjI
z)ldswCcq}n+b0X94=FH`*;y$4shzzXKr)#-0I;jaSBuOYf|s-nWg*1~ywvln9ukiy
z)KBa}sq2A}WDlGBCLdNK$w%ZPZ}Pz&!i3KGLk<ju#pMBTfA4>2b93C^F%U)!1UC5y
z9M>ek;)Wvb^`Qs8Cb%Q4%T)gb9xf{Ymm12$)A{><Oyi;g#+5Xa68QT3xsEOH^Lrt%
zw1xPBkC}A>|9jxeUjg4w;1l=+{%Y@za+8OFAOJ5o2k7?i0e&M6(2yLU3Az87Dq2-}
z7>S}znDw^oBZ~UT!3m_;vk&+IHxJiV;J^2I{QF_}di#KX9So1De-3_9!Mo&ecfdmJ
zuom$THsVL!OYK{MUsQ0{3jC~s%l&%eGz#O-KT+_T3a+id|3xtVjH`lsfF++!2>%no
zxHv%s<8llUjB_9ieigyE$Vdd^vZ^TfNd-@>z%L>gmq)7L9lR!jaS5yl#zns(7?(MV
zV7!n;FfL^m!MJ!|1^4ix2*wQ>A{e)%h+y1=BZ6_;kqE|(Rw{UcS4A*xrW3)qeNX^z
zwPA9Bno(QUqPB?gyGG#%6^z?}MKErB7QwjHTLk0gb`f0Q5CO~t81OJgHi%#hsSv?<
zkN{?aNca#tTrMgYF%dSykGO|}L@*xpCV+_uB?9I`qj-3NqeSqIev|PpB1}Y~kudQl
zQ?MlNt_)CZ1^iKwhABfFiP*}lL7hxAY0fZKB7Qb&;4T$0oHA6|sy7q4d(*s592HK4
zqi2nSX9DnZM*fpc4l=fN=-ivhz`u2RWo=eMv}Z}$kcMr+ld$O!(Pk-YW2r7|$o0oV
z&e|@GXb_jQB_7oTFlXCCw$Wq4)|TcjyO!}%{z1#-#0^{77PSeR@)B)`vo>BPT1_Wy
zuFbR)Puf78X&IliNxtno=wdE4>SXsGG_#AlYG&h*mA4Tbvi_dkyY_9yA<H{4_wF%Q
zb8%NrFdVY}K2oX&O|YFu$u&yedz3tZC;D*iJWB38=xi6)%6LiX?<CW8nYeG0p`T|X
zipt(R+P$i}OHVhRZ24D%-aTm0)xWJHTv%J4Z2crV`C9C#%S_xxZl{rT-{78&^}JlM
z%knW>w)#$h_F#rJe5e3(*A(K%<ve`)r3~XTS6_?xwBU;Pwkw6Li-K(*1=}eKwn+}7
z%)|PrZBepC$rdGBlx$J5Maf1~je>28g6$Lq+sMNDDQ2`hiD0aef%Sv7O=^sSt;`}A
ztE(ayYpgODX%&q0B!uxP^qYd`*sW@q>s9qQ*xjm(pE#mt!77%^Bk@-<>fvyCShls^
Y0rsn%GVF2W7XSbN07*qoM6N<$f}VfCod5s;

literal 0
HcmV?d00001