- 请教一个css排版的问题?
想实现如下图的效果: [图片] 想让自动适应宽度: <view class="item-content"> <view class="item-margin left-item"> <text class="content-text">昵称</text> </view> <view class="item-margin right-item"> <view class="right-text">张三</view> <image src="/static/imgs/next.png" class="right-image" mode="aspectFit"></image> </view> </view> <view class="usercenter-divider"></view> CSS: .right-text { margin-left: var(--margin-left, 20rpx); margin-right: var(--margin-right, 20rpx); display: flex; flex-direction: row; justify-content: flex-end; width: 200rpx; } .item-margin{ margin-top: 20rpx; margin-bottom: 20rpx; } .item-content { width: 750tpx; display: flex; flex-direction: row; justify-content: flex-end; } .left-item { display: flex; flex-direction: row; align-items: center; float: left; flex: 1; } .content-text { color: #666; font-size: medium !important; text-align: center; margin-left: var(--margin-left, 20rpx); } .right-item { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; float: right; margin-right: var(--margin-right, 20rpx); flex: 0; } .right-image { width: 30rpx; height: 30rpx; } .usercenter-divider { border-top: 1px dashed var(--divider-border-color, #f2f4f7); margin-left: var(--margin-left, 10rpx); margin-right: var(--margin-right, 10rpx); } 结果在.right-text中,如果不设置width: 200rpx;姓名“张三”是竖排的?怎么样才能不固定设置宽度,而显示正常?
2020-06-12 - 体验版vant-popup弹窗老是显示,不能隐藏?
在首页放置vant-popup弹出窗口,根据页面变量hasLogin控制是否弹出,app.js中获取到登录状态后,调用app.OnloginBeforeCallback回调函数,在该函数通过setData设置hasLogin值为true,正常在已经登录状态,弹窗不显示,但在体验版,弹窗总是显示?但要是在初始化数据(data)时,直接设置成hasLogin:true,则正常不显示弹窗。 <van-popup show="{{ !hasLogin }}" position="top" safe-area-inset-top closeable close-icon-position="bottom-right" custom-class='van_login_pop_my' bind:close="onCloseLoginPopup" bind:after-leave="OnAfterLeaveLogin"> <view class="pop_welcome"> <label class="pop_welcome_lbl1">Hi,</label> <label class="pop_welcome_lbl2">欢迎您</label> </view> </van-popup> /*js*/ Page({ data: { hasLogin: false, }, onLoad: function (options) { let that = this; console.log("home - onLoad") app.OnloginBeforeCallback = (hasLoginBefore)=>{ //传入参数hasLoginBefore总是true console.log("in app.OnloginBeforeCallback",hasLoginBefore) this.setData({ hasLogin:hasLoginBefore, }) log.info(`app.OnloginBeforeCallback:hasLoginBefore=${hasLoginBefore}}`,that.data) } .... this.setData({ hasLogin: true }); } }) /*日志:*/ [18:17:58] ==========home:onLoad,hasLogin = true ============== [18:17:58] app.OnloginBeforeCallback:hasLoginBefore=true} {"hasLogin":true,"userInfo":{"nickName":"李忠","gender":1,"language":"zh_CN","city":"east","province":"Tianjin","country":"China","avatarUrl":"https://wx.qlogo.cn/mmopen/vi_32/Gk4AZcP2TQdDwGlN02Noksia2M2Ls1NRHAvYoWQsTyibf2oAosRa6VDicc3LJLoja00MddTmxwBtpSlUlQA4GsSMA/132"},"hasUserInfo":true}
2020-06-01 - van-popup弹出窗口在真机调试状态下无法弹出?
在开发环境和预览环境都正常,真机调试不弹出,体验版总是弹出
2020-06-01 - map设置markers的iconWidth和iconHeight不起作用?
好像显示的是png文件本身的尺寸
2020-05-27 - 数字转字符串怎么加上前导0啊?
let h = Math.floor(time/3600); let m = Math.floor((time % 3600)/60); let s = (time %60); return `${h}:${m}:${s}`; 要转换成:“01:03:44”类似的字符串
2020-05-23 - 如何让内部view宽高适合外部view尺寸?
/*wxml*/ <view class="out-view"> <view class="inner-view"> </view> </view> /* wxss*/ .out-view{ display: flex; width:100%; height:300rpx; padding:20rpx; background-color: blue; } .inner-view{ display: flex; width:100%; height:100%; background-color: red; } 结果却不是想象的那样! [图片] 高度正常,宽度超出了边界,另外,内部的view的width需要调整到600rpx左右(正常宽度不是应该是750-2*20rpx吗?),右边才能出现蓝色边框?
2020-05-23 - view的宽度怎么适合手机屏幕宽度?
如果设置width:100%,再设置magin-left,magin-right,宽度超出了屏幕,因为使用了var()计算属性,无法将width设置为固定值。 怎么才能让view正好充满整个屏幕宽度?
2020-05-23 - 格式化代码不起作用了?
已经是最新版本1.02.2004020,原来还好好的,这两天突然格式化代码不行了。shift+alt+f和点菜单中“格式化代码”都不行。 这个版本还是经常出现一直在编译中的情况,cpu占用100%
2020-05-20 - 使用高德地图真机调试时报:request:fail url not in domain list ?
我已将:restapi.amap.com地址加入了地址列表,在开发环境下调试,没有问题
2020-05-19 - 小程序字符串格式化?
不支持下面的写法? var str='这是一个测试的字符串:{0} {1}'.format('Hello','world');
2020-05-15