From 4d6031212dfb9b8e969f26c3ee667b6598ed8b67 Mon Sep 17 00:00:00 2001
From: zhangmanman <994797151@qq.com>
Date: Thu, 13 Jan 2022 17:26:30 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=9B=B4=E6=96=B0=E5=8F=91=E7=8E=B0]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apis/interfaces/service.js       |  28 ++++
 pages.json                       |  22 ++-
 pages/service/details.vue        | 273 +++++++++++++++++++++++++++++++
 pages/service/index.vue          | 185 +++++++++++++++++++++
 pages/user/index.vue             |  16 +-
 static/tabBar/tabBar_04.png      | Bin 0 -> 1722 bytes
 static/tabBar/tabBar_show_04.png | Bin 0 -> 1994 bytes
 static/user/userIcon_00.png      | Bin 0 -> 16121 bytes
 static/user/userIcon_01.png      | Bin 0 -> 2383 bytes
 static/user/userIcon_02.png      | Bin 0 -> 2109 bytes
 static/user/userIcon_03.png      | Bin 0 -> 2554 bytes
 static/user/userIcon_04.png      | Bin 0 -> 3037 bytes
 static/user/userIcon_05.png      | Bin 0 -> 16405 bytes
 13 files changed, 513 insertions(+), 11 deletions(-)
 create mode 100644 apis/interfaces/service.js
 create mode 100644 pages/service/details.vue
 create mode 100644 pages/service/index.vue
 create mode 100644 static/tabBar/tabBar_04.png
 create mode 100644 static/tabBar/tabBar_show_04.png
 create mode 100644 static/user/userIcon_00.png
 create mode 100644 static/user/userIcon_01.png
 create mode 100644 static/user/userIcon_02.png
 create mode 100644 static/user/userIcon_03.png
 create mode 100644 static/user/userIcon_04.png
 create mode 100644 static/user/userIcon_05.png

diff --git a/apis/interfaces/service.js b/apis/interfaces/service.js
new file mode 100644
index 0000000..2d4fc28
--- /dev/null
+++ b/apis/interfaces/service.js
@@ -0,0 +1,28 @@
+/**
+ * Web唐明明
+ * 匆匆数载恍如梦，岁月迢迢华发增。
+ * 碌碌无为枉半生，一朝惊醒万事空。
+ * moduleName: 服务
+ */
+
+import { request } from '../index'
+
+// 首页
+const index = (data) =>{
+	return request({
+		url: 'health/halls',
+        data:data
+	})
+}
+
+// 详情
+const hallsDet = (hall) =>{
+	return request({
+		url: 'health/halls/' + hall
+	})
+}
+
+export {
+	index,
+    hallsDet
+}
diff --git a/pages.json b/pages.json
index 99e31e9..faf4fcf 100644
--- a/pages.json
+++ b/pages.json
@@ -324,6 +324,22 @@
 				}
 			}
 		}
+	},{
+		"path": "pages/service/index",
+		"name": "serviceIndex",
+		"style": {
+			"navigationBarTitleText": "",
+            "navigationStyle": "custom",
+			"enablePullDownRefresh": false
+		}
+	},{
+		"path": "pages/service/details",
+		"name": "serviceDetails",
+		"style": {
+			"navigationBarTitleText": "",
+			"navigationBarBackgroundColor":"#FFFFFF",
+			"enablePullDownRefresh": false
+		}
 	}],
 	"tabBar": {
 		"borderStyle": "white",
@@ -337,7 +353,7 @@
 			{
 				"iconPath": "static/tabBar/tabBar_01.png",
 				"selectedIconPath": "static/tabBar/tabBar_show_01.png",
-				"pagePath": "pages/record/index",
+				"pagePath": "pages/service/index",
 				"text": "服务"
 			},
 			{
@@ -347,8 +363,8 @@
 				"text": "生活"
 			},
 			{
-				"iconPath": "static/tabBar/tabBar_01.png",
-				"selectedIconPath": "static/tabBar/tabBar_show_01.png",
+				"iconPath": "static/tabBar/tabBar_04.png",
+				"selectedIconPath": "static/tabBar/tabBar_show_04.png",
 				"pagePath": "pages/im/index",
 				"text": "聊聊"
 			},
diff --git a/pages/service/details.vue b/pages/service/details.vue
new file mode 100644
index 0000000..20a83b3
--- /dev/null
+++ b/pages/service/details.vue
@@ -0,0 +1,273 @@
+<template>
+    <view class="content">
+        <!-- 图片 -->
+        <view class="swiper">
+        	<swiper :indicator-dots="false" @change="current = $event.detail.current + 1">
+        		<swiper-item v-for="(item, index) in pictures" :key="index" @click="seeImg">
+        			<view class="swiper-cover">
+        				<image :src="item" mode="aspectFill" />
+        			</view>
+        		</swiper-item>
+        	</swiper>
+        	<view class="swiper-pages">
+        		{{ current }}/{{ pictures.length }}
+        	</view>
+        </view>
+        
+        <!-- 标题 -->
+        <view class="title">
+            <view class="name">
+                {{ hallsData.title}} · {{ hallsData.subtitle}}
+            </view>
+            <view class="address">
+                <u-icon name="map" style="margin-right: 10rpx;"></u-icon>{{ hallsData.address}}
+            </view>
+            <view class="area">
+                <u-icon name="home" style="margin-right: 10rpx;"></u-icon>{{ hallsData.areas}}㎡
+            </view>
+        </view>
+        
+        <!-- 场馆概况 -->
+        <view class="survey">
+            <view class="survey-title">
+                场馆概况
+            </view>
+            <view class="survey-text">
+                <rich-text :nodes="hallContent"></rich-text>
+            </view>
+        </view>
+        
+        <!-- 基础设施 -->
+        <view class="survey">
+            <view class="survey-title">
+                基础设施
+            </view>
+            <u-scroll-list class="facilities" :indicator="false" v-if="facilities.length > 0">
+            	<view class="list" v-for="(item, index) in facilities" :key="index">
+            	    <view class="label">
+            	    	<image class="label-img" :src="item.cover" mode=""></image>
+            	    	<view class="label-name">
+            	    	    {{ item.name }}
+            	    	</view>
+            	    </view>
+            	</view>
+            </u-scroll-list>
+        </view>
+        
+        <!-- 我是店长 -->
+        <view class="survey">
+            <view class="survey-title">
+                我是店长
+            </view>
+            <view class="shopowner">
+                <view class="shopowner-cont">
+                    <image class="shopowner-img" :src="user.contact_cover ? user.contact_cover : '/static/find/logo.png'" mode="aspectFill"></image>
+                    <view class="shopowner-name">
+                        {{ user.name }}
+                    </view>
+                </view>
+                <view class="shopowner-tel" @click="contact(user.contact_mobile)">
+                    联系他
+                </view>
+            </view>
+            <view class="helper">
+                HI，我是{{ hallsData.title}} · {{ hallsData.subtitle}}店长，有任何问题可电话交流哦，我将在第一时间回复您
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+    import { hallsDet } from '@/apis/interfaces/service'
+    export default {
+    	data() {
+    		return {
+    			current     : 1,
+                hallsData   : '',
+                facilities  : [],
+                user        : '',
+                hallContent : '',
+                pictures    : []
+    		};
+    	},
+    	mounted() {
+            uni.setNavigationBarTitle({
+                title: this.$Route.query.title
+            })
+            
+            // 获取详情
+            this.getService()
+    	},
+    	methods:{
+    		// 详情
+    		getService(){
+    			hallsDet(this.$Route.query.id).then(res => {
+                    this.hallsData  = res
+                    this.facilities = res.facilities
+                    this.user       = res.user
+                    this.pictures   = res.pictures
+                    this.hallContent= res.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;"')
+    			})
+    		},
+            
+            // 拨打电话
+            contact(tel){
+                uni.makePhoneCall({
+                    phoneNumber: tel
+                })
+            },
+            
+            // 预览图片
+            seeImg(){
+                uni.previewImage({
+                    urls: this.pictures
+                })
+            }
+    	}
+    }
+</script>
+
+<style lang="scss">
+    page {
+        background-color: $window-color;
+        padding-bottom: $padding;
+    }
+    
+    /* 图片 */
+    .swiper{
+    	position: relative;
+    	width: 100%;
+    	padding-top: 60%;
+    	background: $window-color;
+    	&> swiper{
+    		position: absolute;
+    		top: 0;
+    		left: 0;
+    		width: 100%;
+    		height: 100%;
+    		.swiper-cover{
+    			width: 100%;
+    			height: 100%;
+    			image{
+    				position: absolute;
+    				top: 0;
+    				left: 0;
+    				width: 100%;
+    				height: 100%;
+    			}
+    		}
+    	}
+    	.swiper-pages{
+    		position: absolute;
+    		bottom: 20rpx;
+    		right: 20rpx;
+    		z-index: 9;
+    		text-align: right;
+    		color: white;
+    		font-size: $title-size-m;
+    		text-shadow: 0 5rpx 5rpx rgba($color: #000000, $alpha: .02);
+    	}
+    }
+    
+    .title {
+        padding: $padding;
+        box-sizing: border-box;
+        background-color: white;
+        .name {
+            font-size: $title-size + 6;
+            font-weight: 600;
+        }
+        .address {
+            font-size: $title-size-sm;
+            margin: $margin - 10 0;
+            display: flex;
+        }
+        .area {
+            font-size: $title-size-sm;
+            display: flex;
+        }
+    }
+    
+    .survey {
+        padding: $padding;
+        box-sizing: border-box;
+        background-color: white;
+        margin: $margin 0;
+        .survey-title {
+            font-size: $title-size;
+            margin-bottom: $margin - 10;
+            font-weight: bold;
+        }
+        .survey-text {
+            font-size: $title-size-m;
+            line-height: 44rpx;
+            color: $text-color;
+        }
+        .facilities {
+            margin-top: $margin;
+            .list {
+                .label {
+                    width: 170rpx;
+                    text-align: center;
+                    font-size: $title-size-m;
+                    .label-img {
+                        width: 60rpx;
+                        height: 60rpx;
+                    }
+                    .label-name{
+                        color: $text-gray;
+                    }
+                }
+            }
+        }
+        .shopowner {
+            position: relative;
+            .shopowner-cont {
+                flex: 1;
+                display: flex;
+                width: calc(100% - 200rpx);
+                .shopowner-img {
+                    width: 74rpx;
+                    height: 74rpx;
+                    border-radius: 50%;
+                }
+                .shopowner-name {
+                    line-height: 74rpx;
+                    padding-left: $padding - 10;
+                }
+            }
+            .shopowner-tel {
+                position: absolute;
+                right: 0;
+                top: 10rpx;
+                display: inline-block;
+                border: $main-color 2rpx solid;
+                color: $main-color;
+                font-size: $title-size-sm;
+                padding: 0 $padding;
+                line-height: 54rpx;
+                border-radius: $radius-m;
+            }
+        }
+        .helper {
+            background-color: $window-color;
+            padding: $padding;
+            box-sizing: border-box;
+            font-size: $title-size-m;
+            border-radius: $radius;
+            margin-top: $margin;
+            position: relative;
+            &::after{
+                position: absolute;
+                content: '';
+                width: 0;
+                height: 0;
+                left: $margin;
+                top: -14rpx;
+                border-left: 14rpx solid transparent;
+                border-right: 14rpx solid transparent;
+                border-bottom: 14rpx solid $window-color;
+            }
+        }
+    }
+</style>
diff --git a/pages/service/index.vue b/pages/service/index.vue
new file mode 100644
index 0000000..de8ee20
--- /dev/null
+++ b/pages/service/index.vue
@@ -0,0 +1,185 @@
+<template>
+    <view class="content">
+        <view class="status">
+            <view class="top">
+                <view class="top-name">
+                    ZH大家庭
+                </view>
+                <view class="top-card">
+                    会员卡
+                </view>
+            </view>
+            <view class="site">
+                <view class="site-name">
+                    <u-icon name="map" style="margin-right: 10rpx;"></u-icon>
+                    全国
+                </view>
+                <view class="site-number">
+                    共<text>{{ total }}</text>家
+                </view>
+            </view>
+        </view>
+        <view class="list">
+            <view class="label" v-for="(item, index) in lists" @click="$Router.push({name: 'serviceDetails', params: {id: item.hall_id, title: item.title + ' ' + item.subtitle}})">
+                <view class="labelImg">
+                    <image :src="item.cover" mode="aspectFill"></image>
+                </view>
+                <view class="labelCont">
+                    <view class="nowrap name">
+                        {{ item.title }} · {{ item.subtitle }}
+                    </view>
+                    <view class="nowrap address">
+                        {{ item.address }}
+                    </view>
+                    <view class="area">
+                        {{ item.areas }} ㎡
+                    </view>
+                    <view class="see">
+                        去看看<u-icon name="rewind-right" color="#34CE98" size="18" style="margin-left: 5rpx;"></u-icon>
+                    </view>
+                </view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+    import { index } from '@/apis/interfaces/service'
+    export default {
+        data() {
+            return {
+                lists   : [],
+                total   : '',
+                status  : 'loadmore',
+                page    : ''
+            };
+        },
+        mounted() {
+            // 获取首页
+            this.getService()
+        },
+        methods: {
+            // 首页
+            getService(pages){
+            	index({page: pages}).then(res => {
+                    if(res.data.page.current == 1){
+                        this.lists = []
+                    }
+                    this.lists    = this.lists.concat(res.data.data)
+                    this.status   = this.page.has_more ? 'loadmore': 'nomore'
+                    this.page     = res.data.page
+                    this.total    = res.total
+            	})
+            }
+        },
+        // 下拉加载
+        onReachBottom() {
+            if(this.page.has_more){
+                this.status = 'loading'
+                let pages = this.page.current + 1
+                // 获取列表
+                this.getService(pages)
+                return
+            }
+            this.status = 'nomore'
+        }
+    };
+</script>
+
+<style lang="scss" scoped>
+    page {
+        padding-top: calc(var(--status-bar-height) + 180rpx);
+        overflow: hidden;
+        background-color: $window-color;
+    }
+    
+    .status {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        z-index: 99;
+        height: 180rpx;
+        background-color: white;
+        padding: $padding;
+        box-sizing: border-box;
+        border-bottom: $border-color 2rpx solid;
+        .top {
+            display: flex;
+            margin-bottom: $margin;
+            .top-name {
+                font-size: $title-size + 6;
+            }
+            .top-card {
+                font-size: $title-size-m;
+                color: $text-gray;
+                padding: $padding - 18 0 0 $padding - 10;
+            }
+        }
+        .site {
+            display: flex;
+            color: $text-color;
+            font-size: $title-size-m;
+            .site-name {
+                display: flex;
+                flex: 1;
+                line-height: 40rpx;
+            }
+            .site-number {
+                text {
+                    color: $main-color;
+                    padding: 4rpx;
+                }
+            }
+        }
+    }
+    
+    .list {
+        padding: $padding;
+        box-sizing: border-box;
+        .label {
+            background-color: white;
+            border-radius: $radius;
+            overflow: hidden;
+            margin-bottom: $margin - 10;
+            .labelImg {
+                position: relative;
+                padding-top: 60%;
+                image {
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                    width: 100%;
+                    height: 100%;
+                }
+            }
+            .labelCont {
+                padding: $padding;
+                box-sizing: border-box;
+                position: relative;
+                .name {
+                    font-weight: 600;
+                }
+                .address {
+                    font-size: $title-size-m;
+                    margin: $margin - 15 0;
+                    color: $text-gray;
+                }
+                .area {
+                    font-size: $title-size-m;
+                    color: $text-gray;
+                }
+                .see {
+                    position: absolute;
+                    right: $padding;
+                    bottom: $padding;
+                    z-index: 9;
+                    font-size: $title-size-m;
+                    color: $main-color;
+                    display: flex;
+                    line-height: 38rpx;
+                }
+            }
+        }
+    }
+</style>
diff --git a/pages/user/index.vue b/pages/user/index.vue
index fec7a91..3aeeeee 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -85,34 +85,34 @@
 		<!-- 功能块 -->
 		<view class="btns-box">
 			<view class="btns-box-item" @click="$Router.push({name: 'WalletAdd'})">
-				<image class="icon" src="@/static/user/icon_00.png" mode="widthFix"></image>
+				<image class="icon" src="@/static/user/userIcon_00.png" mode="widthFix"></image>
 				ZH钱包(首次)
 				<uni-icons class="forward" type="forward" color="#999"></uni-icons>
 			</view>
 			<view class="btns-box-item" @click="$Router.push({name: 'WalletProperty'})">
-				<image class="icon" src="@/static/user/icon_00.png" mode="widthFix"></image>
+				<image class="icon" src="@/static/user/userIcon_01.png" mode="widthFix"></image>
 				ZH钱包（钱包）
 				<uni-icons class="forward" type="forward" color="#999"></uni-icons>
 			</view>
 			<view class="btns-box-item">
-				<image class="icon" src="@/static/user/icon_00.png" mode="widthFix"></image>
+				<image class="icon" src="@/static/user/userIcon_02.png" mode="widthFix"></image>
 				健康档案
 				<uni-icons class="forward" type="forward" color="#999"></uni-icons>
 			</view>
 			<view class="btns-box-item" @click="$Router.push({name: 'Address', params: {type: 'edit'}})">
-				<image class="icon" src="@/static/user/icon_02.png" mode="widthFix"></image>
+				<image class="icon" src="@/static/user/userIcon_03.png" mode="widthFix"></image>
 				地址管理
 				<uni-icons class="forward" type="forward" color="#999"></uni-icons>
 			</view>
 		</view>
 		<view class="btns-box">
 			<view class="btns-box-item">
-				<image class="icon" src="@/static/user/icon_03.png" mode="widthFix"></image>
+				<image class="icon" src="@/static/user/userIcon_04.png" mode="widthFix"></image>
 				设置
 				<uni-icons class="forward" type="forward" color="#999"></uni-icons>
 			</view>
 			<view class="btns-box-item" @click="logOut">
-				<image class="icon" src="@/static/user/icon_03.png" mode="widthFix"></image>
+				<image class="icon" src="@/static/user/userIcon_05.png" mode="widthFix"></image>
 				退出登录
 				<uni-icons class="forward" type="forward" color="#999"></uni-icons>
 			</view>
@@ -352,8 +352,8 @@
 				right: $margin;
 			}
 			.icon{
-				width: 36rpx;
-				height: 36rpx;
+				width: 44rpx;
+				height: 44rpx;
 				vertical-align: middle;
 				margin-right: $margin/2;
 				margin-bottom: 8rpx;
diff --git a/static/tabBar/tabBar_04.png b/static/tabBar/tabBar_04.png
new file mode 100644
index 0000000000000000000000000000000000000000..16ec697f6a9e3bba007dfff1296b14ed39930721
GIT binary patch
literal 1722
zcmbVNX;2eq7>>w2YK3|LDlAJtRFci+fMg|Vk_Am6Krsk{2O(L)7LrXj3kjeWQ%XU!
z#akT5s&%ZiMMdqQh{)j}phbi#1xu+GP%2kTtp`ds3bsESfApK#{f>Q}_j$kfm@SBk
zSU%O+!<oTgOqH)dqv<)o`Z(ItZ_nKLN%Z7Sg~U-SiDb&8A~A+ULnL8<T&L1v(U?k;
z`F=eX%wSB$ab+A8rwB*XgpRGUV%TP#fo3xp!As2sl{yupfFw+d>&4(;c_j$o8Zj6v
zP;e9m8J2>t$Re?oSrJNgR;pU00hcZTg3SnRK!;H(z^qHt8xgY@d|?-%*VbbQ1YSU>
zR5AF{sW?RxAR|Z&5U>R-H3#McK_WIRfcZi=0N`?99>n26FpmXu5snCf1;F?KX*E)l
zj6|cM<687i45m<&0f8Ws$;3AC*aWGCV39}!akvnd%c2o1W2T-`nOS<H&x8dOGpb44
zK;eWQuv%0l5$Ti|q&<Ck1)V{mcx6~`91j#7GRUklKrovF>2%h6y+9kOXzX7%UW+y=
zGYuFNjTwn_QcdS0*=K@G$L`HSRv_&S5=r88QdDUup-$IfdP<IpLHY|@gKH2WS0><b
zc$`29Opg$mP>M=rf>6Fd$m7a*e00Lb>$ss(jzq+jgaq+<fmW_mC<+mU3MD}(H<ZJZ
zNhi2+y^&Js)!2kCPV0_y(Km7t8HuSVf>aVj+C&9Jr4SThOd$+_Oa}PJ;(85XGA^)Y
z=jCNljKniAO(;p|fEVFK@Yl#=m`K1)=5ts)bs)^*bCS3$p_<OQD2O9e2k``aZeS8P
z&e!~(utBs#khMPkQ!f)obP-yYud1Kkyy_oJPd5!ocgF{XgM$o)O|Kl4D9!B;isdOv
z$@DyJcrB~T)kWcU^?Q4}NYHtm?dAR>4#U6^bMrk#vuw?>A-}$Nhk-4gTP^u!L%Ba2
zIPL%sAPZf0<)VH}kG;c-Sl+=0F7yQv#g}Gm7+KbrK6di_`t<bqYyD?Le^{S))V?^z
zHr6)#>+`MC$a9~LZTcanpy;E};~z&3Id}S>tY`}2x7N*fEAzo`RwHqaHTH(VyfDK&
zwk*2{Zjs#Zkf!3_R%Pv*m3TW)Xzx&9AdXsG%6IhmYou{IN>6z;_kxe_P476`QtWhp
z&VD=ANI5j(*iwR~hvhmg+f#QU3f$VJa4DSGQ7^payL?}SrhTC1_`c|V65QxplvsNV
zAE+L6`#bM|#uFWza+<k6Y1UIMv^lxg@$H{~<wqvIW3zZ@_D^sD`9)Z6ER(q^?d-sz
z2$wx9sw}eZj?wcXlE1w;VRG1pQO|mk*|71V#bxo%9(c;ULp2#JGcp-91YF1&Ub4yP
zGJ5GWGx=%$%*HWdo4ev*<D5~C(jVJxW!lxrcPwe8*X?5Rw9J@o&3_dO9^G1Pcgx-9
zoA`o;WASHdf8&Z0TjT6ZdkeY(f8Sxgcm2Mp<ZPGcsK0COdgP|f0&<EMH5RUM9c`5i
zDcW=+yW_JCdRNY#xh741MO9YQhVQ=1Pk5Hy^@*SweCXTifvmIDc70i8DtVIdATaZJ
zapTPkn|m}CuiMGCUZw?`;zuI9op!$0e`KZjYKL56WO`RQxQ!W$Y@VO(?5xHAsPb~A
z9J^V6It3J#ZcXs-ZoNI{^R{jI6|4H-N<Y7{Y?thYrjqvFd?=~zGLYer^j5;$XL<;`
zdj<7ZMhH4wvTL5?eAea3N~sP!r(AOQ{#Q-ilE!OI3-^mlDrdJ23Q{-Zn1<#aONGx|
z)mAhX{$e?kW$3>VzRNl0)E3Xf4t3M)AN4#=7;CATTj999rklxHl(74|Czj4u_lsTR
j>4p!sFSLjsCge<FJoatx7b@3gSpO#SkO=gIG|}=8*0Pib

literal 0
HcmV?d00001

diff --git a/static/tabBar/tabBar_show_04.png b/static/tabBar/tabBar_show_04.png
new file mode 100644
index 0000000000000000000000000000000000000000..baf5cbea8bc3c0e32aa11afd8b62daad0d928bf6
GIT binary patch
literal 1994
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
Jc0!U-_+Pv~6wCks

literal 0
HcmV?d00001

diff --git a/static/user/userIcon_00.png b/static/user/userIcon_00.png
new file mode 100644
index 0000000000000000000000000000000000000000..5d6d38525e67df3d406f8ff4d74c54d696988c4d
GIT binary patch
literal 16121
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

literal 0
HcmV?d00001

diff --git a/static/user/userIcon_01.png b/static/user/userIcon_01.png
new file mode 100644
index 0000000000000000000000000000000000000000..ee9e2b23ba03e27fccf25aa69b097e4d04c069bc
GIT binary patch
literal 2383
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

literal 0
HcmV?d00001

diff --git a/static/user/userIcon_02.png b/static/user/userIcon_02.png
new file mode 100644
index 0000000000000000000000000000000000000000..af2557605c9b80546ed72751fb0f53b773ff7020
GIT binary patch
literal 2109
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
SbhESmhaM5iVqBml75)cB-#Qck

literal 0
HcmV?d00001

diff --git a/static/user/userIcon_03.png b/static/user/userIcon_03.png
new file mode 100644
index 0000000000000000000000000000000000000000..bc1af2403d26d2da5326b09a5392660c445f01b3
GIT binary patch
literal 2554
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
A3IG5A

literal 0
HcmV?d00001

diff --git a/static/user/userIcon_04.png b/static/user/userIcon_04.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd3af8bec3d055a8e5b98442928a1543fbf5ab6b
GIT binary patch
literal 3037
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
Zq|fk1z4=t>we=rvX9rjN>vsMp{sX{d57Gbt

literal 0
HcmV?d00001

diff --git a/static/user/userIcon_05.png b/static/user/userIcon_05.png
new file mode 100644
index 0000000000000000000000000000000000000000..5ff91b15fa2e48201fdcf3862d89dcee5fef020d
GIT binary patch
literal 16405
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
A8vp<R

literal 0
HcmV?d00001