From 48e31778cba99836acaaccbb24c843cd3049b1da Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 23 九月 2022 15:37:12 +0800
Subject: [PATCH] 1.设备保养开发完成
---
pages/test/test1.html | 80 ++++++++++++++++++++++++++++-----------
1 files changed, 57 insertions(+), 23 deletions(-)
diff --git a/pages/test/test1.html b/pages/test/test1.html
index 72a4e41..1884224 100644
--- a/pages/test/test1.html
+++ b/pages/test/test1.html
@@ -7,13 +7,13 @@
<title>rpx4html-demo</title>
<!-- <script src="../../js/rpx4html.js"></script> -->
-
+
<!-- 寮曞叆鏍峰紡鏂囦欢 -->
- <link rel="stylesheet" href="../../css/vant.css" />
+ <link rel="stylesheet" href="../../css/vant.css" />
<!-- 寮曞叆 Vue 鍜� Vant 鐨� JS 鏂囦欢 -->
<script src="../../js/vue.min.js"></script>
<script src="../../js/vant.min.js"></script>
-
+
<style>
html,
body {
@@ -37,7 +37,7 @@
}
</style>
-
+
</head>
<body>
<div id="app">
@@ -68,16 +68,25 @@
<p>鍒锋柊娆℃暟: {{ count }}</p>
</van-pull-refresh>
+<!--
+ <van-card num="2" tag="鏍囩" price="2.00" desc="鎻忚堪淇℃伅" title="鍟嗗搧鏍囬"
+ thumb="https://img01.yzcdn.cn/vant/ipad.jpeg" origin-price="10.00" /> -->
+
+
+ <van-popover
+ v-model="showPopover"
+ trigger="click"
+ :actions="actions"
+ @select="onSelect"
+ >
+ <template #reference>
+ <van-button type="primary">娴呰壊椋庢牸</van-button>
+ </template>
+ </van-popover>
- <van-card
- num="2"
- tag="鏍囩"
- price="2.00"
- desc="鎻忚堪淇℃伅"
- title="鍟嗗搧鏍囬"
- thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
- origin-price="10.00"
- />
+ <van-dropdown-menu :overlay="false" style="width: 100px;">
+ <van-dropdown-item style="width: 100px;" v-model="value1" :options="option1" />
+ </van-dropdown-menu>
</div>
</div>
</body>
@@ -94,6 +103,27 @@
show: false,
count: 0,
isLoading: false,
+ showPopover: false,
+ // 閫氳繃 actions 灞炴�ф潵瀹氫箟鑿滃崟閫夐」
+ actions: [{
+ text: '閫夐」涓�'
+ }, {
+ text: '閫夐」浜�'
+ }, {
+ text: '閫夐」涓�'
+ }],
+ value1: 0,
+ // value2: 'a',
+ option1: [
+ { text: '鍏ㄩ儴鍟嗗搧', value: 0 },
+ { text: '鏂版鍟嗗搧', value: 1 },
+ { text: '娲诲姩鍟嗗搧', value: 2 },
+ ],
+ // option2: [
+ // { text: '榛樿鎺掑簭', value: 'a' },
+ // { text: '濂借瘎鎺掑簭', value: 'b' },
+ // { text: '閿�閲忔帓搴�', value: 'c' },
+ // ],
}
},
created() {
@@ -103,6 +133,10 @@
// console.log(vant.Toast('xxx'))
},
methods: {
+
+ onSelect(action) {
+ Toast(action.text);
+ },
onClickLeft() {
},
@@ -113,7 +147,7 @@
setTimeout(() => {
// Toast('鍒锋柊鎴愬姛');
vant.Notify('閫氱煡鍐呭');
-// vant.Toast('xxx')
+ // vant.Toast('xxx')
this.isLoading = false;
this.count++;
}, 1000);
@@ -123,15 +157,15 @@
console.log('111')
// this.show=true
vant.Dialog.confirm({
- title: '鏍囬',
- message: '寮圭獥鍐呭',
- })
- .then(() => {
- // on confirm
- })
- .catch(() => {
- // on cancel
- });
+ title: '鏍囬',
+ message: '寮圭獥鍐呭',
+ })
+ .then(() => {
+ // on confirm
+ })
+ .catch(() => {
+ // on cancel
+ });
}
}
})
--
Gitblit v1.9.3