flat: style更新

pages/market/market.vue

@@ -6,8 +6,8 @@
                     <view class="left_title">在石家庄开设</view>
                     <view class="left_content">
                         <view class="content_item" v-for="(item,i) in 3" :key="i">
-                            <view class="item_up">10</view>
+                            <view class="fs_28">10</view>
-                            <view class="item_down">分市场</view>
+                            <view class="fs_24">分市场</view>
                         </view>
                     </view>
                 </view>
@@ -41,6 +41,14 @@
             <view class="row blod fs_34">关于市场</view>
             <view class="row color_666 fs_30">.......</view>
         </view>
+        
+        <view class="container_chioe">
+            <view class="chioe_share color_666 fs_24">
+                <u-icon name="share" color="#666666" size="16"></u-icon>分享
+            </view>
+            <view class="chioe_btn">电话咨询</view>
+            <view class="chioe_btn btn_Blue">到这去</view>
+        </view>
 	</view>
 </template>
 
@@ -99,9 +107,7 @@ image{
                 display: flex;
                 align-items: flex-start;
                 flex-direction: column;
-                .left_title{
+                .left_title{}
-                    
-                }
                 .left_content{
                     height: designTo(87rpx);
                     width: designTo(313rpx);
@@ -115,12 +121,6 @@ image{
                     .content_item{
                         text-align: center;
                         white-space: nowrap;
-                        .item_up{
-                            font-size: 28rpx;
-                        }
-                        .item_down{
-                            font-size: 24rpx;
-                        }
                     }
                 }
             }
@@ -164,5 +164,36 @@ image{
             background-color: #f3f4f8;
         }
     }
+    
+    .container_chioe{
+        position: fixed;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        background-color: #FFFFFF;
+        height: designTo(108rpx);
+        padding: 0 28rpx designTo(30rpx) 28rpx;
+        .chioe_share{
+            display: flex;
+            align-items: center;
+            flex-direction: column;
+            justify-content: center;
+        }
+        .chioe_btn{
+            color: #FFFFFF;
+            background: linear-gradient(to right, #fbaf1a, #fbaf1a);
+            height: designTo(66rpx);
+            width: designTo(228rpx);
+            text-align: center;
+            line-height: designTo(66rpx);
+            border-radius: designTo(33rpx);
+        }
+        .btn_Blue{
+             background: linear-gradient(to right, #95aefb, #4b74f7);
+        }
+    }
 }
 </style>