小程序
小游戏
企业微信
微信支付
扫描小程序码分享
scroll-view 微信最新版本,iphonexsmax手机
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
有解决方案吗
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
大佬这个最后怎么解决的啊
用movable-area
弄一个 [ 能复现问题的简单的 ] 代码片段,我帮你看看
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
请学会如何「提问」(👈戳我)【个体工商户】微信认证问题(👈戳我)
<scroll-view scroll-x scroll-y class="scrollBox scrollBoxWidthTab">
<view class="table">
<view class="thead" style="width:1180px;">
<view class="th">
<view class="td">第一列</view>
<view class="td" style="width:50px;">最后</view>
</view>
<view class="tbody_scroll" style="width:1180px;">
<block wx:for="{{tableData}}" wx:key="{{item}}">
<view class="tr bg-tr">
<view class="td">{{item.col1}}</view>
<view class="td">{{item.col2}}</view>
<view class="td">{{item.col3}}</view>
<view class="td">{{item.col4}}</view>
<view class="td">{{item.col5}}</view>
<view class="td">{{item.col6}}</view>
<view class="td">{{item.col7}}</view>
<view class="td">{{item.col8}}</view>
<view class="td">{{item.col9}}</view>
<view class="td">{{item.col10}}</view>
<view class="td">{{item.col11}}</view>
<view class="td">{{item.col12}}</view>
<view class="td" style="width:50px;">{{item.col13}}</view>
</block>
</scroll-view>
.th .td {
color: #333333;
}
.tr {
/* display: flex; */
display: table-row;
/* width: 800px; */
justify-content: flex-start;
align-items: center;
/* height: 48px; */
font-size: 14px;
border-bottom: 1px solid #dedede;
box-sizing: border-box;
.td {
display: table-cell;
/* height: 100%; */
vertical-align: middle;
width: 100px;
justify-content: center;
text-align: left;
padding: 3px 4px;
word-break: break-all;
line-height: 1.2;
data: {
tableData: [{
col1: "1",
col2: "操作",
col3: "哈哈哈哈哈哈哈",
col4: "哈哈哈哈哈哈哈",
col5: "哈哈哈哈哈哈哈",
col6: "哈哈哈哈哈哈哈",
col7: "哈哈哈哈哈哈哈",
col8: "2017-10-12",
col9: "2017-10-12",
col10: "2017-10-12",
col11: "2017-10-12",
col12: "2017-10-12",
col13: "2017-10-12",
},
{
col1: "2",
col1: "3",
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
有解决方案吗
大佬这个最后怎么解决的啊
用movable-area
弄一个 [ 能复现问题的简单的 ] 代码片段,我帮你看看
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
请学会如何「提问」(👈戳我)
【个体工商户】微信认证问题(👈戳我)
<scroll-view scroll-x scroll-y class="scrollBox scrollBoxWidthTab">
<view class="table">
<view class="thead" style="width:1180px;">
<view class="th">
<view class="td">第一列</view>
<view class="td">第一列</view>
<view class="td">第一列</view>
<view class="td">第一列</view>
<view class="td">第一列</view>
<view class="td">第一列</view>
<view class="td">第一列</view>
<view class="td">第一列</view>
<view class="td">第一列</view>
<view class="td">第一列</view>
<view class="td">第一列</view>
<view class="td">第一列</view>
<view class="td" style="width:50px;">最后</view>
</view>
</view>
<view class="tbody_scroll" style="width:1180px;">
<block wx:for="{{tableData}}" wx:key="{{item}}">
<view class="tr bg-tr">
<view class="td">{{item.col1}}</view>
<view class="td">{{item.col2}}</view>
<view class="td">{{item.col3}}</view>
<view class="td">{{item.col4}}</view>
<view class="td">{{item.col5}}</view>
<view class="td">{{item.col6}}</view>
<view class="td">{{item.col7}}</view>
<view class="td">{{item.col8}}</view>
<view class="td">{{item.col9}}</view>
<view class="td">{{item.col10}}</view>
<view class="td">{{item.col11}}</view>
<view class="td">{{item.col12}}</view>
<view class="td" style="width:50px;">{{item.col13}}</view>
</view>
</block>
</view>
</view>
</scroll-view>
.th .td {
color: #333333;
}
.tr {
/* display: flex; */
display: table-row;
/* width: 800px; */
justify-content: flex-start;
align-items: center;
/* height: 48px; */
font-size: 14px;
border-bottom: 1px solid #dedede;
box-sizing: border-box;
}
.td {
display: table-cell;
/* height: 100%; */
vertical-align: middle;
width: 100px;
justify-content: center;
text-align: left;
padding: 3px 4px;
box-sizing: border-box;
border-bottom: 1px solid #dedede;
word-break: break-all;
line-height: 1.2;
}
data: {
tableData: [{
col1: "1",
col2: "操作",
col3: "哈哈哈哈哈哈哈",
col4: "哈哈哈哈哈哈哈",
col5: "哈哈哈哈哈哈哈",
col6: "哈哈哈哈哈哈哈",
col7: "哈哈哈哈哈哈哈",
col8: "2017-10-12",
col9: "2017-10-12",
col10: "2017-10-12",
col11: "2017-10-12",
col12: "2017-10-12",
col13: "2017-10-12",
},
{
col1: "2",
col2: "操作",
col3: "哈哈哈哈哈哈哈",
col4: "哈哈哈哈哈哈哈",
col5: "哈哈哈哈哈哈哈",
col6: "哈哈哈哈哈哈哈",
col7: "哈哈哈哈哈哈哈",
col8: "2017-10-12",
col9: "2017-10-12",
col10: "2017-10-12",
col11: "2017-10-12",
col12: "2017-10-12",
col13: "2017-10-12",
},
{
col1: "3",
col2: "操作",
col3: "哈哈哈哈哈哈哈",
col4: "哈哈哈哈哈哈哈",
col5: "哈哈哈哈哈哈哈",
col6: "哈哈哈哈哈哈哈",
col7: "哈哈哈哈哈哈哈",