From d94fb80ee2994d1b71bc8a3f23ffa33f77a9dd62 Mon Sep 17 00:00:00 2001
From: luyuan <1162963624@qq.com>
Date: Mon, 6 Jul 2020 11:42:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=B9=E7=AA=97=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pageB/components/sdetails/guige.vue | 55 +++++++++++++++++++++++++
 pageB/components/sdetails/tloos.vue | 63 +++++++++--------------------
 2 files changed, 74 insertions(+), 44 deletions(-)
 create mode 100644 pageB/components/sdetails/guige.vue

diff --git a/pageB/components/sdetails/guige.vue b/pageB/components/sdetails/guige.vue
new file mode 100644
index 0000000..8f9be4a
--- /dev/null
+++ b/pageB/components/sdetails/guige.vue
@@ -0,0 +1,55 @@
+<template>
+     <view class="guige">
+        <view class="title">
+            选择尺码
+        </view>
+        <view class="item">
+            <text>均码</text>
+            <text :class="select == 1 ? 'xuanzhong' : ''">S</text>
+            <text>M</text>
+        </view>
+    </view>
+</template>
+<style lang="scss" scoped>
+    .guige{
+            margin-top: 30rpx;
+            padding-bottom: 30rpx;
+            border-bottom: #ececec solid 2rpx;
+            .title{
+                font-size: 28rpx;
+                color: #333;
+                margin-bottom: 29rpx;
+
+            }
+            .item{
+                display: flex;
+                flex-wrap: wrap;
+                >text{
+                    min-width: 120rpx;
+                    height: 60rpx;
+                    background-color: #ececec;
+                    color: #999;
+                    text-align: center;
+                    line-height: 60rpx;
+                    box-sizing: border-box;
+                    border-radius: 6rpx;
+                    margin-right: 26rpx;
+                }
+                .xuanzhong{
+                    border: #ff780f 1rpx solid;
+                    color: #FF780F;
+                    background-color: #FFF1E6;
+                }
+            }
+        }
+</style>
+<script>
+export default {
+    name:"guige",
+    data(){
+        return {
+            select:true
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/pageB/components/sdetails/tloos.vue b/pageB/components/sdetails/tloos.vue
index 67208ae..26bc0e2 100644
--- a/pageB/components/sdetails/tloos.vue
+++ b/pageB/components/sdetails/tloos.vue
@@ -16,7 +16,8 @@
             
         </view>
         <u-popup v-model="show" mode="bottom">
-                <view class="popup">
+                <scroll-view scroll-y="true" class="popup">
+                    <view>
                     <view class="head">
                         <image class="image"></image>
                         <view class="info">
@@ -25,29 +26,32 @@
                             <text>￥99</text>
                         </view>
                     </view>
-                    <view class="guige">
-                        <view class="title">
-                            选择尺码
-                        </view>
-                        <view class="item">
-                            <text>均码</text>
-                            <text class="xuanzhong">S</text>
-                            <text>M</text>
-                        </view>
-                    </view>
+                   <guige></guige>
+                   <guige></guige>
+                   <guige></guige>
+                   <guige></guige>
+                   <guige></guige>
+                   <guige></guige>
+                   <guige></guige>
                     <view class="num">
                         <text>购买数量</text>
                         <u-number-box v-model="value" @change="valChange"></u-number-box>
                     </view>
-                </view>
+                    <view style="height:180rpx"></view>
+                    </view>
+                </scroll-view>
             </u-popup>
     </view>
     
 </template>
 <script>
+import guige from "./guige"
 export default {
 	name:"tloos",
 	props: ['id'],
+    components:{
+        guige
+    },
     data(){
         return {
             show:true,
@@ -115,7 +119,8 @@ export default {
 }
   .popup{
         padding: 30rpx;
-        padding-bottom: 180rpx;
+        box-sizing: border-box;
+        max-height: 750rpx;
         .head{
             display: flex;
             margin-bottom: 30rpx;
@@ -141,37 +146,7 @@ export default {
                 }
             }
         }
-        .guige{
-            margin-top: 30rpx;
-            padding-bottom: 30rpx;
-            border-bottom: #ececec solid 2rpx;
-            .title{
-                font-size: 28rpx;
-                color: #333;
-                margin-bottom: 29rpx;
-
-            }
-            .item{
-                display: flex;
-                flex-wrap: wrap;
-                >text{
-                    min-width: 120rpx;
-                    height: 60rpx;
-                    background-color: #ececec;
-                    color: #999;
-                    text-align: center;
-                    line-height: 60rpx;
-                    box-sizing: border-box;
-                    border-radius: 6rpx;
-                    margin-right: 26rpx;
-                }
-                .xuanzhong{
-                    border: #ff780f 1rpx solid;
-                    color: #FF780F;
-                    background-color: #FFF1E6;
-                }
-            }
-        }
+    
         .num{
             height: 84rpx;
             display: flex;