|
@@ -0,0 +1,59 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <!-- <button @click="isShow">lala</button>
|
|
|
+ <div class="nav">lalal</div>
|
|
|
+ <div
|
|
|
+ class="van-popup van-popup--top van-dropdown-item__content"
|
|
|
+ :class="showMask?'show':'none'"
|
|
|
+ style="transition-duration: 0.2s; z-index: 2028;"
|
|
|
+ >
|
|
|
+ 哈哈哈
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="van-overlay"
|
|
|
+ @click="isShow"
|
|
|
+ :class="showMask?'show':'none'"
|
|
|
+ style="z-index: 2019; position: absolute; animation-duration: 0.2s;"
|
|
|
+ ></div> -->
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ value: 0,
|
|
|
+ switch1: false,
|
|
|
+ switch2: false,
|
|
|
+ option: [
|
|
|
+ { text: "全部商品", value: 0 },
|
|
|
+ { text: "新款商品", value: 1 },
|
|
|
+ { text: "活动商品", value: 2 }
|
|
|
+ ],
|
|
|
+ showMask: false
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onConfirm() {},
|
|
|
+ isShow() {
|
|
|
+ this.showMask = !this.showMask;
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="less" scoped>
|
|
|
+.demo {
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+.smallMenu {
|
|
|
+ width: 50px !important;
|
|
|
+}
|
|
|
+.show {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+.none {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+</style>
|