messenger-row中加align-items: stretch;就能实现我要求的功能,但就是太诡异了,我在另一个测试工程也这么写的就没有问题: <view class="border-left-view"> <view class="border-left" style="margin-top: 80rpx;margin-bottom: 40rpx;"></view> <view class="right-box"> <view class="m-top">信息1</view> <view class="m-top">信息2</view> </view> </view> .border-left-view { display: flex; flex-direction: row; box-sizing: border-box; } .right-box { // height: 300rpx; display: flex; flex-direction: column; box-sizing: border-box; padding: 20rpx 40rpx; } $arrow-line-color:#818181; /*线颜色*/ $arraw-width:9px; /*剪头宽度,奇数*/ $arrow-line-width:1px; /*线宽度*/ .border-left { width: $arrow-line-width; display: flex; box-sizing: border-box; background-color: $arrow-line-color; position: relative; flex-shrink: 0; } .border-left:before { content: ""; position: absolute; width: $arraw-width; height: $arraw-width; border-radius: 50%; background-color: $arrow-line-color; left: -($arraw-width - $arrow-line-width) /2; top: 0px; } .border-left:after { content: ""; position: absolute; width: 0; height: 0; border: $arraw-width /2 solid transparent; border-top-color: $arrow-line-color; left: -($arraw-width - $arrow-line-width) / 2; bottom: -$arraw-width; } 上面的right-box设置成row或column都没有问题,border-left会显示一个带起始点的向下的箭头线段,高度随右边的view的高度自动调整的
view显示一个色块,高度根据同一行的其他元素高度自动获取,怎么设置style?要不设置高度,或高度设置100%,在调试环境下看,实际高度为0,不显示 <view class='messenger-row'style="justify-content: flex-start;"> <view class="v-bar"></view> <view class="messenger-item-view"> <view class='item-name'>信息员编号:</view> <view class='item-value'>{{item.user_code}}</view> </view> </view> .v-bar{ width: 10px; display: flex; box-sizing: border-box; background-color: blue; flex-shrink: 0; } 上面messenger-row的高度也没有设置,是通过内容自动撑开的
2021-01-19开发工具怎么回退到上一个版本?
最新的nightly1.05.2012182版本问题太多?1,首页无法设置断点,每编译一次,生成一个instancefram,导致无法设置断点 2,Promise.all彻底乱套了,第一个promise,错误也不返回,返回的结果也不对
2020-12-21没有办法的话,只能将下面代码写在定时器里了: var query = this.createSelectorQuery(); query.select('#mapView').boundingClientRect() query.exec(function(res) { console.log(res); console.log(res[0].height); }) 然后通过获取到的高度,通过style设置map的高度了
map控件怎么做到自适应高度?如高度充满某个view,这个view高度会自适应不同手机,页面上除这个view以外还有其他view。使用width:100%不行
2020-11-23频率问题到现在还没有解决吗?
wx.startLocationUpdateBackground频率问题有没有办法实现指定时间频率的后台位置信息更新,现在的频率太高了,太费电
2020-11-22wx.offLocationChange是取消注册wx.onLocationChange注册的回调函数的,wx.stopLocationUpdate是关闭前后台获取地理位置的(对应wx.startLocationUpdate和wx.startLocationUpdateBackground)
wx.stopLocationUpdate和wx.offLocationChange的区别是什么?文档上描述的: wx.stopLocationUpdate:关闭监听实时位置变化,前后台都停止消息接收 wx.offLocationChange:取消监听实时地理位置变化事件 一个是关闭,一个是取消,好像没差别,是不是用法上有什么讲究?
2020-11-22似乎基于 NW.js 0.44.6 版本的“开发版”1.04.2009172支持,稳定版最新版本都不支持
小程序 支持Promise.allSettled吗?原来一段使用Promise.allSettled写的,突然就报错了: Promise.allSettled is not a function
2020-09-22上面同样代码在小程序原生的程序中试了一下,结果在真机下,定时器完全不对: [图片] 第三次启动定时器时,有两个间隔是100毫秒,但总的间隔是对的(每3个定时,1500ms),但前面两次启停定时器,间隔多是1秒。 基础库版本信息: [图片] 附代码: //wxml button bindtap="onStart"> 启动定时器 button bindtap="onStop"> 关闭定时器 //js onStart(){ let time = setInterval(this.timerCallback, 500); let beginTime = Date.now(); this.setData({ time:time, beginTime:beginTime }) }, onStop(){ clearInterval(this.data.time); }, timerCallback(){ console.log(`timerCallback:${Date.now()-this.data.beginTime}`) }
Canvas引起定时器不准的问题?我用一个定时器time = setInterval(animation, animation_interval);绘图: // 动画函数 function animation() { console.log(`间隔时间:${Date.now()-that.startTime}`) if (step <= n) { end = end + 2 * Math.PI / n; ringMove(start, end); step++; } else { clearInterval(time); } }; // 画布绘画函数 function ringMove(s, e) { let stTime = Date.now(); var context = wx.createCanvasContext('secondCanvas') var gradient = context.createLinearGradient(200, 100, 100, 200); gradient.addColorStop("0", "#2661DD"); gradient.addColorStop("0.5", "#40ED94"); gradient.addColorStop("1.0", "#5956CC"); // 绘制圆环 context.setStrokeStyle('#f6cbf4') context.beginPath() context.setLineWidth(10) context.arc(42, 42, 30, s, e, true) context.stroke() context.closePath() // 绘制倒计时文本 context.beginPath() context.setLineWidth(1) context.setFontSize(30) context.setFillStyle('#ffffff') context.setTextAlign('center') context.setTextBaseline('middle') context.fillText(n - num + '', 42, 42, 30) context.fill() context.closePath() context.draw() // 每完成一次全程绘制就+1 num++; console.log(`绘制时间:${Date.now()-stTime}`) } var animation_interval = 500 //500毫秒 console输出: 绘制时间:76 canvasDemo.js:184 间隔时间:3307 canvasDemo.js:229 绘制时间:1 canvasDemo.js:184 间隔时间:4219 canvasDemo.js:229 绘制时间:2 canvasDemo.js:184 间隔时间:5212 canvasDemo.js:229 绘制时间:5 canvasDemo.js:184 间隔时间:6237 在真机调试时,虽然绘制时间很短,但定时器设置为500ms时,定时器定时间隔超出500毫秒,近1秒,微信集成环境下调试正常(定时器间隔500ms),啥情况??
2020-08-04解决了,属性弄错了
map设置markers的iconWidth和iconHeight不起作用?好像显示的是png文件本身的尺寸
2020-05-27画边框时,很奇怪: display: flex; border:1rpx solid #c1c1c1; width: 748rpx; 宽度设置成748rpx,边框居然画到外边去了
view的宽度怎么适合手机屏幕宽度?如果设置width:100%,再设置magin-left,magin-right,宽度超出了屏幕,因为使用了var()计算属性,无法将width设置为固定值。 怎么才能让view正好充满整个屏幕宽度?
2020-05-23调试环境和真机调试环境都把”不校验域名“去选择了,集成环境下调试没有问题,真机环境下报错。用的是高德官方的演示代码:https://github.com/amap-demo/wx-regeo-poiaround-weather
使用高德地图真机调试时报:request:fail url not in domain list ?我已将:restapi.amap.com地址加入了地址列表,在开发环境下调试,没有问题
2020-05-19