App-Html5.git - Gitblit

			@@ -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,47 @@

			<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>



			<van-radio-group v-model="radio">
			<van-cell-group>
			<div>1</div>
			<van-cell title="单选框 1" clickable @click="radio = '1'">
			<template #right-icon>
			<van-radio name="1" />
			</template>
			</van-cell>
			<div>2</div>
			<div>3</div>
			<van-cell title="单选框 2" clickable @click="radio = '2'">
			<template #right-icon>
			<van-radio name="2" />
			</template>
			</van-cell>
			<div>4</div>
			</van-cell-group>
			</van-radio-group>

			</div>
			</div>
			</body>
			@@ -94,6 +125,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 +155,10 @@
			// console.log(vant.Toast('xxx'))
			},
			methods: {

			onSelect(action) {
			Toast(action.text);
			},
			onClickLeft() {

			},
			@@ -113,7 +169,7 @@
			setTimeout(() => {
			// Toast('刷新成功');
			vant.Notify('通知内容');
			// vant.Toast('xxx')
			// vant.Toast('xxx')
			this.isLoading = false;
			this.count++;
			}, 1000);
			@@ -123,15 +179,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
			});
			}
			}
			})