uni-app 开发小程序问题记录
程序员文章站
2022-03-11 15:40:25
一、text-align-last在ios中并不生效问题。text-align-last:justify 用于最后一行元素两端对齐,可以把元素平均的分布在父元素中,并且左右没有空白。 不过ios不支持text-align-last, 解决的方法也很简单。原理是使用伪元素 :after, 添加个最后一行,这样 text-align-last就可以不用了。.store_caption {font-size: 28rpx;font-family: PingFangSC-Regular;...
一、text-align-last在ios中并不生效问题。
ios不支持text-align-last, 使用伪元素 :after, 添加个最后一行。
代码如下:
.store_caption {
font-size: 28rpx;
font-family: PingFangSC-Regular;
font-weight: 400;
color: #333333;
width: 120rpx;
text-align-last: justify;
}
.store_caption:after {
content: " ";
display: inline-block;
width: 100%;
}
二、小程序ios侧边滑动带动整个页面
解决方法1:(如果1不行看2)
html,body,#app {
width: 100%; // 删掉或给一个固定的宽度
height: 100%; // 如果高度出现这种情况在删掉
background-color: #F5F5F5;
}
解决方法2:将需要滑动的所有内容放进scroll-view标签里面
<scroll-view :scroll-y="isScroll" :style="{ height: windowHeight + 'px' }" class="scroll">
<block v-for="(item, index) in a" :key="index">
<view class="list-box" @touchstart="touchS" @touchmove="touchM"
@touchend="touchE" :data-index="index" :style="item.txtStyle">
//info
</view>
<view class="del" @click.stop="delItem(item)"><text>删除</text></view>
</view>
</block>
</scroll-view>
本文地址:https://blog.csdn.net/weixin_43738127/article/details/109473829