如何在移动端使用Vant并查看调用已经写好样式类

 时间:2024-10-15 01:28:07

1、第一步,在页面文件中,利用vant插件Layout进行布局,设置一行三列,每列宽度一致,如下图所示:

如何在移动端使用Vant并查看调用已经写好样式类

2、第二步,保存代码并在左侧模拟器上查看效果,发现这个布局没有显示背景色,如下图所示:

如何在移动端使用Vant并查看调用已经写好样式类

3、第三步,在对应页面的json文件中,引入相关使用的组件van-row和van-col,如下图所示:

如何在移动端使用Vant并查看调用已经写好样式类

4、第四步,在微信小程序项目的全局样式控制文件中,导入插件的通用样式文件,如下图所示:

如何在移动端使用Vant并查看调用已经写好样式类

5、第五步,在对应页面目录文件下,样式文件里添加样式,如背景色、外间距和字体颜色等,如下图所示:

如何在移动端使用Vant并查看调用已经写好样式类

6、第六步,检查源代码发现,文件引入了自定义的样式;并在页面中引入样式类,如下图所示:

如何在移动端使用Vant并查看调用已经写好样式类如何在移动端使用Vant并查看调用已经写好样式类
  • 【VMware】CentOS6.9虚拟机开启共享文件夹
  • notepad如何安装XMLTools插件?
  • python如何安装git
  • 用U盘PE重装后DEF盘合并到C盘怎么恢复
  • jquery如何获取某个元素距离它父级的偏移量
  • 热门搜索
    如何设置定时关机 苹果4s如何越狱 剑灵龙骨卷轴怎么获得 如何可以快速减肥 毛衣从上往下怎么织 如何催乳通乳 转氨酶高是什么原因造成的 文件误删怎么恢复 绿森林硅藻泥怎么样 执子之手与子偕老是什么意思