2021年6月4日
微信小程序 自定义导航栏 自动获取高度 写法
摘要： wx.js /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { let menuButtonObject = wx.getMenuButtonBoundingClientRect(); wx.getSystemInfo({ success: (r 阅读全文
posted @ 2021-06-04 09:59 还有什么值得拥有 阅读(957) 评论(0) 推荐(0)
2021年5月31日
解决flex布局宽度超出时，子元素被压缩的问题
摘要： 给每个子元素添加 flex-shrink: 0; 父元素overflow:auto;实现子元素不压缩，超出宽度展示滚动条 阅读全文
posted @ 2021-05-31 16:23 还有什么值得拥有 阅读(246) 评论(0) 推荐(0)
2021年5月28日
子组件向父组件通信与父组件向子组件通信
摘要： 父组件内 wx.ml <popup_window isAlert="{{isAlert}}" bind:changwindow="handleTap"></popup_window> 子组件内wx.ml <!-- 弹出框 --> <view class="cover" wx:if="{{isAler 阅读全文
posted @ 2021-05-28 15:16 还有什么值得拥有 阅读(69) 评论(0) 推荐(0)
时间截止器
摘要： index.wxml <view class="c_item" bindtap="getPublishDate"> <label for="name">截止时间</label> <input type="text" id="name" bin disabled="{{true}}" value="{ 阅读全文
posted @ 2021-05-28 14:30 还有什么值得拥有 阅读(115) 评论(0) 推荐(0)
微信小程序 多个样式 选中改变颜色 ，点击本身改变颜色，在点击本身取消颜色
摘要： wx.ml <view class="single_word {{item.show?'word_active':'word_noactive'}}" wx:for="{{arr}}" wx:key="{{this}}" data-index="{{index}}" bindtap="wordSho 阅读全文
posted @ 2021-05-28 13:42 还有什么值得拥有 阅读(1482) 评论(0) 推荐(0)
2021年5月27日
复制功能实现
摘要： api:wx.setClipboardData({ data:Data, success(res){ console.log(res) }, fail(res){ console.log(res) } }) wx.ml <view catchtap='copywxtap' data-password 阅读全文
posted @ 2021-05-27 10:46 还有什么值得拥有 阅读(46) 评论(0) 推荐(0)
2021年5月18日
canvas 实现环形进度条
摘要： H5 PC <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte 阅读全文
posted @ 2021-05-18 14:39 还有什么值得拥有 阅读(346) 评论(0) 推荐(0)
2021年5月13日
wx 小程序 text 文本 &nbsp; 字数多了会自动换行的问题
摘要： 问题 十三课正常显示 十四颗 就会自动换行 修改后 直接在JS中拿到数据替换到&nbsp；换成\t 就可以解决了 for (let i = 0; i < data.length; i++) { data[i].name=data[i].name.replace(/&nbsp;/ig,'\t') } 阅读全文
posted @ 2021-05-13 10:33 还有什么值得拥有 阅读(411) 评论(0) 推荐(0)
2021年5月12日
微信小程序 checked 选择功能 js中获取对应的选择值的改变以及修改
摘要： 要在js中获取checkbox选择值 必须在外面包裹一个checkbox-group wxml 代码 <scroll-view class="s_view" scroll-y="true"> <block wx:for="{{list}}" wx:key="{{this}}"> <view clas 阅读全文
posted @ 2021-05-12 15:23 还有什么值得拥有 阅读(1272) 评论(0) 推荐(0)
2021年5月11日
微信小程序 scroll-view 横向滚动问题
摘要： 主要2点 1 scroll-view 设置 scroll-x="true" style="width:100%" white-space:nowrap; 2 子元素 设置 display:inline-block; index.wxml <scroll-view scroll-x="true" cl 阅读全文
posted @ 2021-05-11 17:37 还有什么值得拥有 阅读(251) 评论(0) 推荐(0)