搜索结果
查询Tags标签： wxss，共有 49条记录-
微信小程序使用animate.css库
背景： 在小程序中使用animate.css库，做一些炫酷的动画效果 操作步骤：第一步：使用 npm install animate.css --save 安装第二步：在 node_modules 文件中找到 animate,并把 animate.css文件复制出来第三步：将复制出来的 animate.css 文件后缀修改为 .wxss 并放入 util…
2022/8/11 14:27:37 人评论 次浏览 -
【小程序自动化Minium】三、元素定位- WXSS 选择器的使用
最近更新略疲，主要是业余时间多了几个变化。比如忙活自己的模拟赛车驾舱升级、还跟朋友筹备一个小程序项目、另外早上的时间留给背单词了。。。上一章中讲到Page接口的get_element()与get_elements()方法，其中有个必填参数就是选择器，而 minium 正是通过它来定位元素的…
2022/7/9 1:24:30 人评论 次浏览 -
统计微信小程序项目代码行数
打开终端=>当前路径是项目目录=>复制下面命令即可： find . "(" -name "*.json" -or -name "*.js" -or -name "*.wxss" -or -name "*.wxml" ")" -print | xargs wc -l
2022/7/1 1:20:54 人评论 次浏览 -
微信小程序中的less开发公共样式引入
微信小程序开发如何使用less请见上篇文章---------微信小程序中使用less后如何引入公共样式？ 尝试过多种方式后最优解： 例如公共样式为 public.less保存编译后变成了public.wxss; 在你要引入的文件中，例如index.less中顶部使用； @import (css) "../../css/public…
2022/6/21 1:20:04 人评论 次浏览 -
【微信小程序】小程序支持使用less
需要用到 VS Code编辑器 1. vs code安装easy less插件 2.安装完成后，进行setting.json文件配置 点击设置图标 再点击右上角的图标进行进入setting.json文件setting.json里进行配置"less.compile": {"outExt": ".wxss"} 3.测试是否生效 1…
2022/4/23 9:16:00 人评论 次浏览 -
微信小程序数字字母不自动换行
只要在需要换行的view的标签wxss内添加word-break:break-all;就可 添加前 添加后
2022/4/22 20:12:41 人评论 次浏览 -
调试微信小程序原理
1、调试webview，开发者工具打开菜单，微信开发者工具——调试——调试微信开发者工具， 执行document.querySelectorAll("webview")[1].showDevTools(true);2、打开内置命令，打开普通调试器（非上面调试器），javascript上下文选择top，执行help()，开发者工具…
2022/2/22 20:24:42 人评论 次浏览 -
【小程序】轮播图swiper的实例
1、swiper.wxml<view><swiper class="banner" indicator-dots="true" indicator-color="0,0,0,0.8"indicator-active-color="white"autoplay="true"interval="1500"circular="true" >…
2022/1/17 17:04:49 人评论 次浏览 -
【小程序】轮播图swiper的实例
1、swiper.wxml<view><swiper class="banner" indicator-dots="true" indicator-color="0,0,0,0.8"indicator-active-color="white"autoplay="true"interval="1500"circular="true" >…
2022/1/17 17:04:49 人评论 次浏览 -
初学微信小程序
我们可以看到这个项目已经初始化并包含了一些简单的代码文件。最关键也是必不可少的，是 app.js、app.json、app.wxss 这三个。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。微信小程序会读取这些文件，并生成小程序实例。 下面我们简…
2022/1/13 22:05:18 人评论 次浏览 -
初学微信小程序
我们可以看到这个项目已经初始化并包含了一些简单的代码文件。最关键也是必不可少的，是 app.js、app.json、app.wxss 这三个。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。微信小程序会读取这些文件，并生成小程序实例。 下面我们简…
2022/1/13 22:05:18 人评论 次浏览 -
微信小程序：引入阿里巴巴矢量图标库iconfont
阿里巴巴矢量图标库：https://www.iconfont.cn/ 第一步：生成fontclass地址 将喜欢的icon加入购物车将购物车中的图标添加至项目获取项目的Font class地址，打开连接，并复制内容 第二步：引入字体 将Font class内容粘贴到微信小程序项目中 新建文件 static/font/iconfont…
2021/11/28 11:10:43 人评论 次浏览 -
微信小程序：引入阿里巴巴矢量图标库iconfont
阿里巴巴矢量图标库：https://www.iconfont.cn/ 第一步：生成fontclass地址 将喜欢的icon加入购物车将购物车中的图标添加至项目获取项目的Font class地址，打开连接，并复制内容 第二步：引入字体 将Font class内容粘贴到微信小程序项目中 新建文件 static/font/iconfont…
2021/11/28 11:10:43 人评论 次浏览 -
微信小程序-漂亮的搜索框【样式】
十年河东，十年河西，莫欺少年穷 学无止境，精益求精 凌晨四点半写博客，你们做的到么？ 加班通宵了，虽说我的事情不算多，但也不能白白浪费时间，于是乎就有了这篇博客 话多多说，直接上代码了。 组件：SearchInput.wxml<view class="searchInput"><…
2021/11/5 9:09:38 人评论 次浏览 -
微信小程序-漂亮的搜索框【样式】
十年河东，十年河西，莫欺少年穷 学无止境，精益求精 凌晨四点半写博客，你们做的到么？ 加班通宵了，虽说我的事情不算多，但也不能白白浪费时间，于是乎就有了这篇博客 话多多说，直接上代码了。 组件：SearchInput.wxml<view class="searchInput"><…
2021/11/5 9:09:38 人评论 次浏览
