
小程序
11111
冷子夜
渭城朝雨浥轻尘,客舍青青柳色新
展开
-
Uniapp小程序web-view嵌套H5环境,如何实现H5页面生成的图片在小程序端下载
【代码】Uniapp小程序web-view嵌套H5环境,如何实现H5页面生成的图片在小程序端下载。原创 2024-05-27 17:06:18 · 654 阅读 · 0 评论 -
微信小程序:在vscode上使用scss写样式,动态生成wxss
我配置成功的方式使用Live Scss Compiler插件vscode原生小程序支持scss微信小程序项目如何在vsCode上利用scss有效开发另外还有一种方式,但是我没弄成功。使用easy-scss微信开发者工具 使用scss 超级小白教程...原创 2021-04-16 16:37:05 · 1024 阅读 · 0 评论 -
小程序防抖和节流
```handlebarsasdsadas```## 标题saasdasd## 标题aasdasdsa原创 2020-12-14 14:13:26 · 613 阅读 · 0 评论 -
微信小程序全局设置分享内容,适配Page构造器和Component构造器
// Page构成器 设置全局默认分享!(function () { var PageTmp = Page Page = function (pageConfig) { pageConfig = Object.assign( { onShareAppMessage: function () { let app = getApp() const sharedata = { title: '分享标题',原创 2020-12-10 02:54:00 · 802 阅读 · 0 评论 -
微信小程序只刷新data数组结构里的某一项数据
比如下面有这样一个数组数据data: { category_list:[ { id: 1, name: '阅读', show: false, loading: true, news_list: [] }, { id: 2, name: '重复', show: false, loading: true, news_list: [] }, { id: 3,...原创 2020-04-24 09:52:09 · 1553 阅读 · 2 评论 -
Android webview加载img 或 background-image出现错乱的问题
最近开发网页用到如下css.demo { background: #fff url(../img/qbank_stu_bandui.png) no-repeat center; background-size:1.47rem 1.35rem; width: 2.5rem; height: 2.5rem;}在浏览器显示都正常,但是在Android设备上当页面中图片多了,或者有数学公式...转载 2020-04-20 17:29:37 · 518 阅读 · 0 评论 -
微信小程序里的如果view里有image,view高度大于image实际高度
给view里的image样式设置为display:block原创 2020-04-20 14:39:44 · 2111 阅读 · 0 评论 -
微信小程序文本展开/收起功能
目录思路代码效果思路利用图片加载(头像)事件,计算评论高度,line-height指定为x,y行就是xy px,如果评论高度大于xy,则显示展开按钮展开按钮:点击去除限制只显示y行的css显示,内容就全部显示了。代码 <image binderror="listenCommentUserAvatarLoadError" bindload="listenCommentU...原创 2020-04-14 23:12:47 · 3468 阅读 · 0 评论 -
小程序编码规范(持续更新)
.wxml代码规范缩进:以空格代替tab,1个缩进=2个空格标签属性控制顺序逻辑代码>标签属性>自定义数据值>class>style逻辑代码包括不限于:wx:if,wx:for,wx:else,wx:hidden,wx:for-item等…超过一行时使用单独的标签属性举例:标签的scroll-y属性自定义数据值举例:data-index="{{xxx}}" ,...原创 2020-04-14 19:09:46 · 1619 阅读 · 0 评论 -
小程序onPageScroll滚动监听优化:函数防抖和节流
```handlebarsasdsadas```## 标题saasdasd## 标题aasdasdsa转载 2019-12-03 16:19:59 · 5346 阅读 · 0 评论 -
小程序怎么处理2x,3x图?
1.wxss的解决办法(推荐)@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2){ .imgTest{ background: url(../images/2x.png) no-repeat; } } @media (-webkit-min-device-pixel-ratio:...原创 2019-10-28 19:19:09 · 3662 阅读 · 0 评论 -
小程序显示弹窗时禁止下层的内容滚动
小程序显示弹窗时禁止下层的内容滚动1.方式一利用position:fixed. 禁止页面滚动.html<view class="indexPage {{proInfoWindow?'indexFixed':''}}"> -----------此处为整个页面的结构内容 <button catchTap="_proInfoWindowShow">点击显...原创 2019-09-24 17:23:18 · 489 阅读 · 0 评论 -
粗下划线标题边框底色单图
<view style="display: inline-block;margin-bottom: 1em"> <view style="text-align: center;font-size: 16px;padding: 0px 0.6em;letter-spacing: 1.5px"> <text>估算胎儿体重有什么意...原创 2019-09-16 16:20:11 · 150 阅读 · 0 评论 -
让canvas中生成的文字能够居中显
ctx:canvasstr:文本注意:measureText方法兼容context.fillText(str, (ctx.width - ctx.measureText(str).width) / 2, 0)原创 2019-08-12 16:56:15 · 2010 阅读 · 0 评论 -
小程序tab组件封装
demo下面是html部分<view class="contain"> <view class="tab" style="position:fixed;left:0;top:{{positionTop}}"> <view wx:for="{{tabTitle}}" wx:key="{{index}}" class="tab-son {{num...原创 2019-08-06 20:58:58 · 1235 阅读 · 0 评论 -
微信小程序使用actionSheet组件实现转发分享功能
wxml文件<button bindtap='listenerActionSheet'>显示</button><action-sheet hidden="{{actionSheetHidden}}" bindchange="listenerActionSheet" wx:for-index="idx"> <action-sheet-item...原创 2019-08-13 16:28:51 · 924 阅读 · 0 评论 -
监测和设置微信小程序横竖屏转换
????????????个人博客:Harvey的个人博客 ????????????在小程序的开发中,有时候需要横屏显示一些页面,不过微信官方并没有提供横屏功能,但提供了手机屏幕旋转的支持,所以可以利用这个来引导用户通过屏幕旋转看到更好的界面效果。如果想要某个页面支持屏幕旋转,需要在此页面的 json文件中配置"pageOrientation": "auto",{ "navigationBarBackgroundC...原创 2019-06-17 17:20:13 · 6787 阅读 · 0 评论