weui-design-vue icon indicating copy to clipboard operation
weui-design-vue copied to clipboard

CDN 链接支持?

Open yinwhm12 opened this issue 4 years ago • 2 comments

你好! CDN 链接 是否支持呢?

yinwhm12 avatar Jun 07 '21 09:06 yinwhm12

可以通过免费 CDN 服务来使用 weui-design-vue:

jsdelivr

下面是一个示例:

<!DOCTYPE html>

<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0">
	<title>weui-design-vue-cdn-example</title>
	<!-- 引入样式文件 -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/lib/weui-design-vue.css" />
</head>

<body>
	<div id="app"></div>

	<!-- 引入 Vue 和 weui-design-vue 的 JS 文件 -->
	<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/weui-design-vue.umd.min.js"></script>

	<script>
		// 在 #app 标签下渲染一个按钮组件
		const vm = new Vue({
			el: '#app',
			template: `<weui-button @click="show()">页面主操作</weui-button>`,
			methods: {
				show: function (event) {
					this.$toast.success('已成功');
				}
			}
		});
	</script>
</body>

</html>

llkui avatar Jun 07 '21 15:06 llkui

好的,感谢!

yinwhm12 avatar Jun 08 '21 11:06 yinwhm12