小程序
小游戏
企业微信
微信支付
扫描小程序码分享
ios上面横向滚动定位在真机上面第一个显示不全
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
安卓正常
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
遇到一样的问题,请问楼主解决了吗
提供下代码片段 我看下。
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
<view class="g-groll flex" >
<scroll-view scroll-x="true" class="g-groll-scroll">
<view class="g-groll-scroll-list flex-items-center">
<template v-for="(item ,indedx) in 4">
<view class="g-floor-activity-item" :key="index"
:style="{'box-shadow': '0rpx 0rpx 15rpx 0 '+getColor('--base-color',0.5)}">
<view class="g-floor-activity-thumb">
<image src="https://cdn.yunlib.cn/yundou/res/photos/a2401e00df774ad392d171b0de079adc.png" lazy-load="true" />
</view>
<view class="g-floor-activity-content">
<view class="g-activity-title ellipsis-single">测试“弘扬东坡文化·传承中华文脉”元宵线上答题抽奖活动</view>
<view class="g-activity-time ellipsis-single">
活动时间:2023-01-30 00:00:00至 2023-02-06 23:59:59
</template>
</scroll-view>
.g-groll{
display: flex;
justify-content: flex-end;
width: 100%;
}
.g-groll-scroll{
flex: 1;
margin-left: 10upx;
padding-left: 20upx;
white-space: nowrap;
overflow: scroll;
.g-groll-scroll-list{
display: inline-flex !important;
padding-bottom: 20upx;
.g-floor-activity-item{
background-color: $uni-light-color;
border-radius: $uni-radius-lg;
width: 530upx;
height: 305upx;
position: relative;
margin-right: 40upx;
.g-floor-activity-thumb{
image{
检查元素在哪里
微信版本:8.0.32
ios版本:15.5
型号:iphone 12
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
安卓正常
遇到一样的问题,请问楼主解决了吗
提供下代码片段 我看下。
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
<view class="g-groll flex" >
<scroll-view scroll-x="true" class="g-groll-scroll">
<view class="g-groll-scroll-list flex-items-center">
<template v-for="(item ,indedx) in 4">
<view class="g-floor-activity-item" :key="index"
:style="{'box-shadow': '0rpx 0rpx 15rpx 0 '+getColor('--base-color',0.5)}">
<view class="g-floor-activity-thumb">
<image src="https://cdn.yunlib.cn/yundou/res/photos/a2401e00df774ad392d171b0de079adc.png" lazy-load="true" />
</view>
<view class="g-floor-activity-content">
<view class="g-activity-title ellipsis-single">测试“弘扬东坡文化·传承中华文脉”元宵线上答题抽奖活动</view>
<view class="g-activity-time ellipsis-single">
活动时间:2023-01-30 00:00:00至 2023-02-06 23:59:59
</view>
</view>
</view>
</template>
</view>
</scroll-view>
.g-groll{
display: flex;
justify-content: flex-end;
width: 100%;
}
.g-groll-scroll{
flex: 1;
margin-left: 10upx;
padding-left: 20upx;
width: 100%;
white-space: nowrap;
overflow: scroll;
}
.g-groll-scroll-list{
display: inline-flex !important;
flex: 1;
white-space: nowrap;
padding-bottom: 20upx;
}
.g-floor-activity-item{
background-color: $uni-light-color;
border-radius: $uni-radius-lg;
width: 530upx;
height: 305upx;
position: relative;
margin-right: 40upx;
}
.g-floor-activity-thumb{
width: 530upx;
height: 305upx;
border-radius: $uni-radius-lg;
image{
border-radius: $uni-radius-lg;
width: 530upx;
height: 305upx;
检查元素在哪里
微信版本:8.0.32
ios版本:15.5
型号:iphone 12