pageOrientation 设置页面是否横屏
该属性有三个值:“landscape”(固定横屏,版本为2.5.0及以上)、“auto”(旋转屏幕,版本为2.4.0 及以上)“portrait”(固定竖屏)
设置单个页面固定横屏和全局横屏
"pages": [
{
"path": "pages/index/index",
// 单个
"style": {
"pageOrientation ": "landscape",
}
}
],
"globalStyle": {
// 全局
"pageOrientation ": "landscape"
}
使用uni-datetime-picker、popup出现弹窗后还能滚动页面的问题
catchtouchmove 解决出现弹窗后还能滚动页面的问题,仅真机有效
<view catchtouchmove="true" class="picker-item f-jsb f-ac">
<uni-datetime-picker v-model="range" type="daterange" :end="range[1]"
:border="false" @change="changeHandler" @show="showHandler"
@maskClick="showHandler">
<view class="slot-box">
<image class="riliIcon" src="@/static/rili.svg" mode=""></image>
<view class="">
<text>{{range.join('-')}}</text>
<view class="iconfont icon-xialazhankai arrowhead-img font-s-24"
:class="{'arrowhead-hide': !statusSelectedPicker,'arrowhead-show': statusSelectedPicker}">
</view>
</view>
</view>
</uni-datetime-picker>
</view>
微信小程序参考:w3cschool