vant框架cdn使用方式的简短案例

vant框架主页：https://youzan.github.io/vant/#/zh-CN/intro

cdn方式引用的简易例子：

<html lang="en">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><title>test</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.0/lib/index.css">
</head>
<body><div id="app"><van-cell-group><van-cell title="单元格" value="内容"></van-cell><van-cell title="单元格" value="内容" label="描述信息" ></van-cell></van-cell-group><van-button type="primary">主要按钮</van-button></div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@2.0/lib/vant.min.js"></script>
<script>new Vue({el: '#app'});
</script>
</body>
</html>

vant框架cdn使用方式的简短案例相关推荐

vant框架van-field
vant框架van-field输入栏添加外边框 van-field标签默认是无外边框的,如下图: 添加外边框后的样式,如下图: 采用样式穿透的方式,上代码: <div class="r ...
v浅谈vue之vant框架
目录 vant框架的使用使用一个Tabbar 标签栏 App.vue 封装为一个MainTabbar.vue组件使用一个Swipe 轮播图 **Home.vue**组件使用轮播图使用一个 Gir ...
微信小程序开发引入vant框架（步骤详细，供学习的同学们参考）
一.安装nodejs 参考网址下载node的网址:http://nodejs.cn/download/ node安装及配置的网址:https://blog.csdn.net/JingYan_Chan ...
【Android 插件化】Hook 插件化框架 ( 使用 Hook 方式替换插件 Activity 的 mResources 成员变量 )
Android 插件化系列文章目录 [Android 插件化]插件化简介 ( 组件化与插件化 ) [Android 插件化]插件化原理 ( JVM 内存数据 | 类加载流程 ) [Android 插件 ...
cdn收费方式有几种
内容分发网络(Content Delivery Network,简称CDN)是建立并覆盖在承载网之上,由分布在不同区域的边缘节点服务器群组成的分布式网络.CDN分担源站压力,避免网络拥塞,确保在不同区 ...
JavaEE——SSM框架整合实现学生信息注册案例
目录十.SSM框架整合实现学生信息注册案例 1. 创建06-ssm的web项目 2. 修改web.xml版本为4.0 3. 更新pom.xml文件 4. jdbc的属性文件和日志文件 5. appl ...
用vant框架做H5时踩过的坑（下拉刷新、上拉加载等）
用vant框架做H5时踩过的坑 1. 页面在手机端不能上下滑动,在PC端浏览器正常滑动说明:在设置了overflow:auto;属性的前提下,H5页面在PC端浏览器里展示可以上下滑动,在ios上可正 ...
h5结合vant框架，实现列表上拉加载下拉刷新
最近在做h5移动页面开发,并且需要用移动端android和ios将h5嵌进去.在开发过程中,使用了vant这个框架: vant文档:https://youzan.github.io/vant/#/zh ...
微信小程序引用vant框架
1.在微信开发者工具中打开终端(视图-终端)输入 npm init (初始化)一直回车确认 2.vant 官网: Vant Weapp - 轻量.可靠的小程序 UI 组件库安装: # 通过 npm ...

vant框架cdn使用方式的简短案例

vant框架cdn使用方式的简短案例相关推荐

最新文章

热门文章