From a263dd50386b73f9992919a932f98b4bd5585052 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 19 九月 2022 10:04:01 +0800
Subject: [PATCH] 1.app首页开发完成
---
pages/test/test1.html | 65 ++++++++++++++++++++------------
1 files changed, 41 insertions(+), 24 deletions(-)
diff --git a/pages/test/test1.html b/pages/test/test1.html
index 72a4e41..2c57e0e 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,21 @@
<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-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>
</div>
</div>
</body>
@@ -94,6 +99,15 @@
show: false,
count: 0,
isLoading: false,
+ showPopover: false,
+ // 閫氳繃 actions 灞炴�ф潵瀹氫箟鑿滃崟閫夐」
+ actions: [{
+ text: '閫夐」涓�'
+ }, {
+ text: '閫夐」浜�'
+ }, {
+ text: '閫夐」涓�'
+ }],
}
},
created() {
@@ -103,6 +117,9 @@
// console.log(vant.Toast('xxx'))
},
methods: {
+ onSelect(action) {
+ Toast(action.text);
+ },
onClickLeft() {
},
@@ -113,7 +130,7 @@
setTimeout(() => {
// Toast('鍒锋柊鎴愬姛');
vant.Notify('閫氱煡鍐呭');
-// vant.Toast('xxx')
+ // vant.Toast('xxx')
this.isLoading = false;
this.count++;
}, 1000);
@@ -123,15 +140,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