一部分

2020-06-15 08:49:26 +08:00
parent 09f11d7d44
commit bce0d0328e
6 changed files with 289 additions and 0 deletions
--- a/pageB/components/sdetails/tloos.vue
+++ b/pageB/components/sdetails/tloos.vue
@@ -0,0 +1,55 @@
+<template>
+    <view class="tloos">
+        <view class="navs">
+            <image></image>
+            123
+        </view>
+        <view class="navs" style="margin-right:30rpx">
+            <image></image>
+            123
+        </view>
+        <view class="button" style="background:rgba(253,211,96,0.6);">试穿试送</view>
+        <view class="button" style="background:rgba(253,211,96,1);">加入购物车</view>
+        <view class="button" style="background:rgba(255,120,15,1);">立即购买</view>
+    </view>
+</template>
+<script>
+export default {
+    name:"tloos"
+}
+</script>
+<style lang="scss" scoped>
+.tloos{
+    display: flex;
+    position: fixed;
+    height: 98rpx;
+    width: 100%;
+    bottom:0;
+    border-top: 1rpx solid #ececec;
+    .navs{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        font-size: 24rpx;
+        color: #666;
+        flex-shrink: 0;
+        margin-left: 30rpx;
+        >image{
+            width: 35rpx;
+            height: 35rpx;
+            margin-bottom: 15rpx;
+        }
+        
+
+    }
+    .button{
+        width: 100%;
+        height: 100%;
+        line-height: 98rpx;
+        text-align: center;
+        color: #fff;
+
+    }
+}
+</style>