微信小程序> 微信小程序开发者工具,微信小程序学习三:在微信开发者工具中,使用WeUI前端美化框架,微信小程序

微信小程序开发者工具,微信小程序学习三:在微信开发者工具中,使用WeUI前端美化框架,微信小程序

浏览量:778 时间: 来源:我血条子呢
微信小程序学习(三):在微信开发者工具中,使用WeUI这里就是将WeUI导入到微信开发者工具中,我并没有使用多少样式,这里只是展示了一下怎么引用网上有很多的方法,我绝大多数都没看懂,这里就是最简单的将文件导入项目中,然后引用
一、先下载WeUI这个是下载的GitHub地址:下载完后解压是这个样子的然后打开src==style,找到weui.wxss文件然后复制weui.wxss文件到项目的总目录下我这里就是Test7里面
二、在app.wxss中配置我是放在总目录下的,所以这样就行了,
/app.wxss/@import"weui.wxss";另外说一下,每个"…/“是向上翻一层目录,没有数对”…/"的话就可能引用不到
三、实验成果先上代码
!--充值信息--viewviewbindtap='logout'hover-!--这里之后可以放图标--viewviewclass='text-size-09init-wordspace'充值信息/view/viewview/view/view/view这个是wxml的页面这个是没有连接上的样子,代码就写了一个充值信息的,就看看效果,别的没拷这个是连接后的样子,可以看到在不改变wxss的情况下,仅仅是把app.wxss中加了配置,就改变了样式
因为是配置到全局内的,所以不需要在别的地方额外配一次,都是可以引用的另外加上两个可以看样式的网址:这个好像是微信的这个和上面那个差不多,不过感觉好看点

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎