欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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侧边滑动带动整个页面

uni-app 开发小程序问题记录

解决方法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

相关标签: 小程序 前端