From 2f123fbb48cf8b92962ff283fee342df2c4eebcf Mon Sep 17 00:00:00 2001
From: luyuan <1162963624@qq.com>
Date: Tue, 9 Jun 2020 14:29:43 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=9F=BA=E6=9C=AC=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                           |   4 +-
 pageB/components/shoplist/index.vue |  47 +++++++++++
 pageB/components/shoplist/item.vue  |  55 +++++++++++++
 pageB/components/shpoone/index.vue  |  51 ++++++++++++
 pageB/components/userinfo/index.vue |  83 +++++++++++++++++++
 pageB/photo/index.vue               | 122 ++++++++++++++++++++++++++++
 pages.json                          |   8 ++
 7 files changed, 368 insertions(+), 2 deletions(-)
 create mode 100644 pageB/components/shoplist/index.vue
 create mode 100644 pageB/components/shoplist/item.vue
 create mode 100644 pageB/components/shpoone/index.vue
 create mode 100644 pageB/components/userinfo/index.vue
 create mode 100644 pageB/photo/index.vue

diff --git a/README.md b/README.md
index d6b4b41..0565165 100644
--- a/README.md
+++ b/README.md
@@ -9,8 +9,8 @@
 |-pageA 前期注册用页面 
 |-pageB 首页类页面
 |-pageC 商城下页面
-|-pageD 我的页面
-|-pageE 其余杂乱页面
+|-pageD 其余杂乱页面
+|-pageE 我的页面
 |-components 组建目录
 |-static 静态文件目录
 |-|images 图片文件
diff --git a/pageB/components/shoplist/index.vue b/pageB/components/shoplist/index.vue
new file mode 100644
index 0000000..35a63d9
--- /dev/null
+++ b/pageB/components/shoplist/index.vue
@@ -0,0 +1,47 @@
+<template>
+    <u-popup v-model="show" mode="bottom" length="782" border-radius="20">
+		<view class="top">
+			<text>全部商品</text>
+            <image></image>
+		</view>
+        <scroll-view :scroll-y="true" style="padding:0 30rpx;height:692rpx">
+            <sitem v-for="i in 10"></sitem>
+        </scroll-view>
+	</u-popup>
+</template>
+<script>
+import sitem from "./item"
+export default {
+    name:'shoplist',
+    components:{
+        sitem
+    },
+    data(){
+        return {
+            show: true
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+image{
+    background-color: #0f0;
+}
+.top{
+    height: 88rpx;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 30rpx;
+    border-bottom: 1rpx solid #ececec;
+    >text{
+        font-size: 30rpx;
+        color: #333;
+    }
+    >image{
+        width: 33rpx;
+        height: 33rpx;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pageB/components/shoplist/item.vue b/pageB/components/shoplist/item.vue
new file mode 100644
index 0000000..353ad5e
--- /dev/null
+++ b/pageB/components/shoplist/item.vue
@@ -0,0 +1,55 @@
+<template>
+    <view class="item">
+        <image></image>
+        <view>
+            <text>sadas</text>
+            <text>dasadas</text>
+            <text>dsadas</text>
+        </view>
+    </view>
+</template>
+<script>
+export default {
+    name:"item",
+    data(){
+        return {
+
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+
+.item{
+    width: 100%;
+    padding-right: 206rpx;
+    height: 200rpx;
+    border-bottom: 1rpx solid #ececec;
+    padding: 20rpx;
+    display: flex;
+    border-radius: 10rpx;
+    >image{
+        width: 160rpx;
+        height: 160rpx;
+    }
+    >view{
+        margin-left: 20rpx;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        >text{
+            font-size: 24rpx;
+            color: #333;
+            line-height: 36rpx;
+        }
+        >text:first-child{
+            font-size: 28rpx;
+
+        }
+        >text:last-child{
+            font-size: 28rpx;
+            color: #FF3131;
+        }
+    }
+} 
+</style>
\ No newline at end of file
diff --git a/pageB/components/shpoone/index.vue b/pageB/components/shpoone/index.vue
new file mode 100644
index 0000000..989bdac
--- /dev/null
+++ b/pageB/components/shpoone/index.vue
@@ -0,0 +1,51 @@
+<template>
+    <view class="shopone">
+        <image></image>
+        <view>
+            <text>sadas</text>
+            <text>dasadas</text>
+            <text>dsadas</text>
+        </view>
+    </view>
+</template>
+<style lang="scss" scoped>
+image{
+    background-color: #0f0;
+}
+.shopone{
+    width: 442rpx;
+    height: 200rpx;
+    background:rgba(0,0,0,0.4);
+    padding: 20rpx;
+    display: flex;
+    border-radius: 10rpx;
+    >image{
+        width: 160rpx;
+        height: 160rpx;
+    }
+    >view{
+        margin-left: 20rpx;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        >text{
+            font-size: 24rpx;
+            color: #fff;
+            line-height: 36rpx;
+        }
+        >text:first-child{
+            font-size: 28rpx;
+
+        }
+        >text:last-child{
+            font-size: 28rpx;
+            color: #FF3131;
+        }
+    }
+} 
+</style>
+<script>
+export default {
+    name:"shopone"
+}
+</script>
\ No newline at end of file
diff --git a/pageB/components/userinfo/index.vue b/pageB/components/userinfo/index.vue
new file mode 100644
index 0000000..60ccbe1
--- /dev/null
+++ b/pageB/components/userinfo/index.vue
@@ -0,0 +1,83 @@
+<template>
+    <view class="userinfo">
+        <view class="userhead">
+            <image></image>
+            <text>+</text>
+        </view>
+        <view class="zan">
+            <image></image>
+            <text>123</text>
+        </view>
+        <view class="shoucang">
+            <image></image>
+            <text>123</text>
+        </view>
+        <view class="pinglun">
+            <image></image>
+            <text>123</text>
+        </view>
+        <view class="gouwu">
+            <image></image>
+        </view>
+    </view>
+</template>
+<style lang="scss" scoped>
+image{
+    background-color: #0f0;
+}
+.userinfo{
+    width: 110rpx;
+    height: 570rpx;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+    >view{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        font-size: 28rpx;
+        color: #fff;
+        >text{
+            margin-top: 17rpx;
+        }
+        >image{
+            width: 50rpx;
+            height: 50rpx;
+        }
+    }
+    >view:first-child{
+        display: flex;
+        position: relative;
+        align-items: center;
+        >image{
+            width: 110rpx;
+            height: 110rpx;
+            border-radius: 50%;
+            border: 2rpx solid #fff;
+
+        }
+        >text{
+            width: 36rpx;
+            height: 36rpx;
+            font-size: 36rpx;
+            background-color: #FF780F;
+            position: absolute;
+            top: 75rpx;
+            border-radius: 50%;
+            line-height: 36rpx;
+            text-align: center;
+        }
+    }
+}
+</style>
+<script>
+export default {
+    name:'userinfo',
+    data(){
+        return {
+
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/pageB/photo/index.vue b/pageB/photo/index.vue
new file mode 100644
index 0000000..eec5748
--- /dev/null
+++ b/pageB/photo/index.vue
@@ -0,0 +1,122 @@
+<template>
+    <view class="photo">
+        <view class="back">
+            <image></image>
+        </view>
+        <swiper class="swiper">
+            <swiper-item>
+                <image></image>
+            </swiper-item>
+            <swiper-item>
+                <image></image>
+            </swiper-item>
+            
+        </swiper>
+        <view class="bottom">
+            <view class="item">
+                <text>图片</text>
+                <view v-for="(item,index) in 4" :key="index" :style="{'background-color':index == 2 ? '#fff' : '#ede8e8'}"></view>
+            </view>
+            <view class="username">自己黑的哈万岁哦划u将</view>
+            <view class="title">hasjdhajskhj</view>
+            <view class="info u-line-2">asdjhasjdkasljdklasjkl</view>
+        </view>
+        <userinfo class="userinfo"></userinfo>
+        <shpoone class="shpoone"></shpoone>
+        <shoplist></shoplist>
+    </view>
+</template>
+<style lang="scss" scoped>
+.photo{
+    height: 100vh;
+    background-color: #ececec;
+    width: 100%;
+    .back{
+        padding-top: 28rpx;
+        padding-right: 31rpx;
+        >image{
+            width: 31rpx;
+            height: 31rpx;
+            float: right;
+        }
+    }
+    .swiper{
+        width: 100%;
+        height: 702rpx;
+        margin-top: 102rpx;
+        image{
+            width: 100%;
+            height: 100%;
+        }
+    }
+    .bottom{
+        width: 100%;
+        height: 270rpx;
+        background-color: #fff;
+        position: fixed;
+        bottom: 0;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        padding: 20rpx 30rpx;
+        .item{
+            padding: 8rpx 16rpx;
+            font-size: 24rpx;
+            color: #fff;
+            background-color: #999;
+            display: flex;
+            align-items: center;
+            border-radius: 10rpx;
+            >view{
+                width: 12rpx;
+                height: 12rpx;
+                border-radius: 50%;
+                margin-left: 10rpx;
+            }
+        }
+        .username{
+            font-size: 36rpx;
+            color: #333;
+            margin-top: 20rpx;
+
+        }
+        .title{
+            font-size: 26rpx;
+            color: #333;
+            margin-top: 23rpx;
+        }
+        .info{
+            font-size: 28rpx;
+            line-height: 42rpx;
+            margin-top: 20rpx;
+        }
+    }
+    .userinfo{
+        position: absolute;
+        top: 50%;
+        transform: translateY(-285rpx);
+        right: 30rpx;
+    }
+    .shpoone{
+        position: absolute;
+        top: 50%;
+        z-index: 999;
+        right: 139rpx;
+        transform: translateY(100rpx);
+    }
+}
+</style>
+<script>
+import userinfo from "../components/userinfo/index"
+import shpoone from "../components/shpoone/index"
+import shoplist from "../components/shoplist/index"
+
+export default {
+    name:"photo",
+    components:{
+        userinfo,
+        shpoone,
+        shoplist
+    }
+}
+</script>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index b7781a2..9aca7b9 100644
--- a/pages.json
+++ b/pages.json
@@ -70,6 +70,14 @@
 						"navigationBarTitleText": "",
 						"navigationStyle": "custom"
 						
+					}
+				},
+				{
+					"path": "photo/index",
+					"style": {
+						"navigationBarTitleText": "",
+						"navigationStyle": "custom"
+						
 					}
 				}
 			]