随笔分类 -  微信 小程序布局

瀑布流
摘要：https://cloud.tencent.com/developer/article/1460044 阅读全文
posted @ 2020-01-19 17:37 ThisCall 阅读(197) 评论(0) 推荐(0) 编辑
小程序文本高度左对齐问题
摘要：无论字体大小，粗细都是左对齐的 如果出现不对齐 是因为代码写的不规范 由这样 改为一行，就好了 阅读全文
posted @ 2019-06-20 09:47 ThisCall 阅读(1356) 评论(0) 推荐(0) 编辑
小程序获取设备信息
摘要：wx.getSystemInfo({ success: function (res) { console.log(res.model) console.log(res.pixelRatio) console.log(res.windowWidth)//可见宽度 console.log(res.win 阅读全文
posted @ 2018-08-23 20:00 ThisCall 阅读(1347) 评论(0) 推荐(0) 编辑
微信 小程序布局 提交表单
摘要：<view class='hong-contant'> <form bindsubmit="teformSubmit"> <view class='contant-teamwork'> <view class='teamwork-inputs'> <view class='inputs-box fl 阅读全文
posted @ 2017-12-08 16:55 ThisCall 阅读(784) 评论(0) 推荐(0) 编辑
微信 小程序布局 水平选照片
摘要：<view class="hong-container"> <!-- 1头部选照片 --> <view class='hong-top'> <view class='top-box flex'> <view class='top-only'> <view class='only-pic'> <vie 阅读全文
posted @ 2017-12-08 16:20 ThisCall 阅读(264) 评论(0) 推荐(0) 编辑
微信 小程序布局 swiper 页面
摘要：JS // pages/classify/swiper.js Page({ /** * 页面的初始数据 */ data: { current:0 }, titleBtn:function(e){ var acIndex = e.currentTarget.dataset.current; this. 阅读全文
posted @ 2017-11-29 10:36 ThisCall 阅读(1262) 评论(0) 推荐(0) 编辑
微信 小程序布局 scroll-view
摘要：//滚动触底事件 <scroll-view scroll-y lower-threshold="0" bindscrolltolower="scrollBottom" style="height: 200rpx;"> </scroll-view> 阅读全文
posted @ 2017-11-29 09:59 ThisCall 阅读(615) 评论(0) 推荐(0) 编辑
微信 小程序布局 标题之二分列表
摘要：<view class="commodity-zone"> <!-- 系列商品模板 --> <block class="zone-among" wx:key="teaamong" wx:for="{{teaamong}}" wx:for-index="index"> <!-- 控制显示与隐藏的外衣 阅读全文
posted @ 2017-09-14 14:08 ThisCall 阅读(738) 评论(0) 推荐(0) 编辑
微信 小程序布局 假收索框
摘要：<!-- 收索 --> <view class="header"> <view class="search"> <image class="icon" src="/imgs/index/o_search.png"/> <i class="fa fa-home"></i> 阿里山高山茶 </view> 阅读全文
posted @ 2017-09-14 13:54 ThisCall 阅读(258) 评论(0) 推荐(0) 编辑
微信 小程序布局 左右三区块
摘要：/* 3三区块部分 *************/ .wear-diamonds{ display: flex; width: 100%; height: 300rpx; } .wear-diamonds>view{ width: 50%; height:100%; border: 1px solid 阅读全文
posted @ 2017-09-14 13:48 ThisCall 阅读(444) 评论(0) 推荐(0) 编辑
微信 小程序布局 水平菜单
摘要：<!-- 菜单列表部分 --> <view class="wear-menu"> <view class='menu-box' wx:key="menu" wx:for="{{menuList}}" wx:for-index="index"> <view class="menu-img" bindt 阅读全文
posted @ 2017-09-14 13:43 ThisCall 阅读(865) 评论(0) 推荐(0) 编辑