小程序
岸北
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序view、text换行
微信小程序之view,text换行view换行:white-space:pre-line;text换行:word-break:break-all;非学,无以致疑;非问,无以广识原创 2021-07-27 09:46:30 · 2732 阅读 · 1 评论 -
微信小程序开发工具初次使用Git 记录一下
微信开发工具版本号:这里只是简单记录一下开发工具内的git使用。首先是点击微信开发者工具内的版本管理(如图):会出现如下界面,然后点击初始化仓库,然后点击确定。然后直接点击设置去添加你的远程仓库信息 名称就写自己的项目名就可以,URL是你远程仓库的地址,点击确定注意: 如果服务器有端口区分,记得在远程仓库的地址的链接上添加上端口号,添加成功之后,点击设置里的网络认证,手动去认证一下git的账号密码,然后点击推送 输入此次提交的内容点击确定 初步的提交就完成了。结束!原创 2021-07-07 15:12:19 · 1737 阅读 · 2 评论 -
微信小程序 scroll-view 设置scroll-x 失效问题
想实现一个横向滑动的scrollview,以为直接给scroll-view设置 scroll-x 就能解决,结果失算了,先看代码 <scroll-view class="scroll" scroll-x="true"> <view class="haibao_item" wx:for="{{item.recodes}}" wx:for-item="recodess"> <view class="smallcontainer">原创 2021-07-07 14:47:49 · 4358 阅读 · 2 评论 -
scroll-view 实现自定义模块的横向滑动(到屏幕的中间显示)
想要实现的功能是:一个横向的tab栏,点击item的时候,item自动滚动到屏幕的中间展示,有想过用vant的插件库来实现,但是那个不支持自定义内容,所以只好自己实现了。效果图展示:代码实现:.wxml<view class="container"> <scroll-view id = "scroll-view" scroll-into-view="{{itemview}}" scroll-x class="scroll-x" scroll-left="{{scrollLef原创 2021-06-30 09:59:59 · 3009 阅读 · 0 评论 -
微信小程序引入Vant Weapp组件库
第一步:在项目的根目录打开终端窗口或者在微信的开发者工具里直接新建一个终端。我是直接在开发者工具里新建了一个终端,效果是一样的。如图:新建终端之后,直接输入 npm init 按下回车会让你输入packagename,输入你的项目名称即可输入完之后按回车会出现version之类的,不用管,一路回车就好,出现Is this OK? (yes)的时候,按回车然后输入: npm install --production按回车然后输入:npm i @vant/weapp -S --product原创 2021-03-15 15:49:06 · 300 阅读 · 0 评论 -
小程序实现活动倒计时显示(精确到时分秒)
直接上代码:wxml:<text>{{day}}天{{hour}}时{{minute}}分{{second}}秒</text>jsonLoad: function (options) { var that = this; that.countDown('2021-03-22 10:00:00') }, /** * 倒计时 * * @param endTime 结束日期+时间 * **/ countDown: functio原创 2021-03-10 16:03:41 · 3185 阅读 · 2 评论 -
微信小程序实现日期格式化
1、获取时间戳格式的系统日期 //获取系统时间 var nowtime = new Date().getTime() console.log('现在的时间是'+nowtime)输出:现在的时间是16153600400982、将时间戳格式的日期转换成yyyy-MM-dd HH:MM:SS /** * * @param {*} times 时间戳 * 转换为 yyyy-MM-dd HH:MM:SS 格式的日期 */原创 2021-03-10 15:50:49 · 6216 阅读 · 0 评论 -
微信小程序px与rpx之间的相互转换
首先我们需要知道,小程序官方为了适配各类手机屏幕,推荐使用rpx单位进行绘图,而且在所有的机型上面,屏幕的宽度都是固定的750rpx,所以我们可以利用这个条件进行rpx-px之间的单位转换。获取系统屏幕的宽度的方法:wx.getSystemInfoSync().windowWidth //单位是(px)举例:如果UI设计的是宽高都是150rpx的图片,那么换算成px就是:150rpx/750*wx.getSystemInfoSync().windowWidth = 实际的px如果是150px,原创 2021-03-09 17:30:38 · 4854 阅读 · 1 评论 -
微信小程序 扫码跳转
初次调用微信小程序的扫码,记录一下。其实也很简单直接调用微信官方提供的api就能实现wx.scanCode()// 允许从相机和相册扫码wx.scanCode({ success (res) { console.log(res) }})// 只允许从相机扫码wx.scanCode({ onlyFromCamera: true, success (res) { console.log(res) }})下面是打印的log数据里面的参数官方也有给解释原创 2021-03-05 14:54:28 · 506 阅读 · 0 评论 -
微信小程序-swiper-item下的列表高度问题解决
swiper高度问题原创 2021-03-02 17:11:05 · 3075 阅读 · 8 评论
分享