flex实现左百分比右边固定布局
发表于|更新于|小程序技巧
|浏览量:
简书链接:flex实现左百分比右边固定布局
文章字数:27,阅读全文大约需要1分钟
比如左边宽度百分之30 剩余的自己搞
1 | .left{ |
文章作者: 情随事迁
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 情迁博客!
相关推荐
2017-07-07
原创typescript写法实现水平指示器点击自动滚动
...
2018-04-03
每日分享分享一个本人以前纯手写的小程序json本地工具类实现收藏、观看历史功能
简书链接:每日分享分享一个本人以前纯手写的小程序json本地工具类实现收藏、观看历史功能文章字数:967,阅读全文大约需要3分钟 功能可实现自动更新最新的在最上面支持增加,查询。支持多表构建,比如同时需要收藏,和观看历史复制到你的工程里面去。比如改名为maputil.js 用法123456789101112const mMaputil = require("../../utils/maputil.js"); mEngine = mMaputil.HistoryEngine();//每次创建/ 在城阳 mEngine.edit(function () { }, function () { //应该是没有进行初始化 console.debug("edit模式进入失败"); }, function () { util.hideLoading(); }); var currentItems =...
2018-04-03
boxsizing不生效的问题与底部固定结构上面滚动结构打造
简书链接:boxsizing不生效的问题与底部固定结构上面滚动结构打造文章字数:224,阅读全文大约需要1分钟 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647Page{ width: 100%; height: 100%;}.root{ padding: 20rpx; display: flex; height: 100%; box-sizing: border-box; flex-direction:column;align-items: center;}.top{ width:100%; flex: 1;display: flex; flex-direction:column; align-items: center;}.my-box .block { width: 49.6%; padding-top: 40rpx; padding-bottom: 40rpx; ...
2017-09-12
小程序之flex类似安卓的包裹布局
简书链接:小程序之flex类似安卓的包裹布局文章字数:307,阅读全文大约需要1分钟*时间是一把杀猪刀,每当我再一次开发小程序的时候又忘得一干二净 ,每次把这些东西记混淆了,于是还是写简书吧! * 类似 .linearlayout-horizontal-{ padding: 0 30rpx; box-sizing:border-box;align-items: center; display: flex; flex-direction:column;} 垂直布局 内容水平居中的实现父容器设置 123display:flex;flex-direction:column;/* 垂直方向布局 */align-items: center;/* 异轴对齐 也就是说是交叉轴, 这里代表 水平对齐*/ 垂直布局 上下 对齐实现同轴对齐也就是同一个方向比如是垂直方向排列,那么 是上下居中对齐则用下面这个 123display:flex;flex-direction:column;justify-content:...
2017-09-13
小程序之支付的大致流程
简书链接:小程序之支付的大致流程文章字数:595,阅读全文大约需要2分钟还是那句话,我很想拥有永不遗忘的记忆和无限的青春,人类真的太脆弱了,累死累活还特么白累了,很久很久以前我是会做小程序的也理解微信小程序支付的,但是开发了几个月安卓又回来搞小程序又忘记了,所以还是需要做个笔记写下关键信息,方便下次快速掌握思路。然后照搬以前的代码没毛病! 微信小程序支付 需要获取预支付地址 预支付地址 实际上是访问微信的地址, 但是小程序只能 访问认证的地址进行请求, 我们服务器https审核通过了的。因此第二步是访问我们自己的服务器 所有 第一步是请求我们自己的服务器 我们自己的服务器返回prepay_id.res.data.sign noncestr 然后提交给第五步` 调用 wx.requestPayment();发起支付需要传递 appid, appkey,时间戳,包名 和订单号1 .支付成功之后 查询 订单号是否成功产生 查询没有记录弹出对话框是否重试。 123456789101112131415161718192021var that = this; var...
2017-09-15
小程序之灰色层遮盖图片以及图片自适应的实现分析
简书链接:小程序之灰色层遮盖图片以及图片自适应的实现分析文章字数:44,阅读全文大约需要1分钟这个属性解决高度不对劲问题 1234.shadow-wrap{display:flex;} 让阴影图层高度和 图片高度一样,而图片高度则是自适应的。 1234.shadow-layer{width:100%;height:100%;} wxml 1234<view class="shadow-wrap"> <image src="{{image}}" mode="fixWidth"/><view class="shadow-layer"></view></view>
评论

情随事迁
人生在世 生活怎么选择 怎么快乐 每个人有不同的看法,而我 对人生的看法就是,我不奢望金钱和权力,奢望时间,奢望和谐的社会,奢望不忘的记忆,我有无比绝大的求知欲望,缺又不不得不面对记忆因为当下没有去应用而被遗忘,而人和电脑核心一样,多线程也只能叫切换,不能同时工作! 所以这是我奢望的也是求之不来的东西.
Follow Me公告
[email protected] 微信公众号: 情迁说科技