|
|
@@ -22,7 +22,7 @@
|
|
|
<text class="num">已售{{info.goods&&info.goods.sell_num||0}}件</text>
|
|
|
</view>
|
|
|
<view class="one_5">
|
|
|
- 5
|
|
|
+ 51
|
|
|
</view>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
@@ -31,6 +31,16 @@
|
|
|
<uni-goods-nav :options="options" :button-group="buttonGroup" @click="toNavleft" @buttonClick="toNavright" />
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- 跳转菜单 -->
|
|
|
+ <view class="bar_1">
|
|
|
+ <text @tap="toMenubar" class="iconfont icon-gengduo"></text>
|
|
|
+ </view>
|
|
|
+ <view class="bar_2" v-if="is_menu">
|
|
|
+ <view class="list" v-for="(item,index) in barList" :key="index" v-if="item.is_use=='0'" @click="toPath(item)">
|
|
|
+ <image class="image" :src="item.normal&&item.normal.length>0?item.normal[0].url:''"></image>
|
|
|
+ <text class="name"> {{item.name}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</mobile-frame>
|
|
|
</template>
|
|
|
|
|
|
@@ -337,6 +347,17 @@
|
|
|
imageUrl: imageUrl
|
|
|
}
|
|
|
},
|
|
|
+ // 右侧菜单
|
|
|
+ toMenubar() {
|
|
|
+ const that = this;
|
|
|
+ that.$set(that, `is_menu`, that.is_menu ? false : true)
|
|
|
+ },
|
|
|
+ toPath(e) {
|
|
|
+ let url = `/${e.route}`;
|
|
|
+ uni.reLaunch({
|
|
|
+ url
|
|
|
+ })
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -439,4 +460,49 @@
|
|
|
flex-direction: column;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .bar_1 {
|
|
|
+ position: fixed;
|
|
|
+ right: 2vw;
|
|
|
+ bottom: 20vw;
|
|
|
+
|
|
|
+ text {
|
|
|
+ background-color: #858585;
|
|
|
+ border-radius: 90px;
|
|
|
+ font-size: 30px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .bar_2 {
|
|
|
+ position: fixed;
|
|
|
+ right: 2vw;
|
|
|
+ bottom: 28vw;
|
|
|
+ width: 27vw;
|
|
|
+ background: #ffffff;
|
|
|
+ padding: 0 2vw;
|
|
|
+ box-shadow: 0 0 5px #858585;
|
|
|
+
|
|
|
+ .list {
|
|
|
+ display: flex;
|
|
|
+ border-bottom: 1px solid #f1f1f1;
|
|
|
+ padding: 1vw 0;
|
|
|
+
|
|
|
+
|
|
|
+ .image {
|
|
|
+ width: 8vw;
|
|
|
+ height: 8vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ .name {
|
|
|
+ font-size: 14px;
|
|
|
+ position: relative;
|
|
|
+ top: 2vw;
|
|
|
+ left: 2vw;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .list:last-child {
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
