小程序
小游戏
企业微信
微信支付
扫描小程序码分享
这样赋值是有效果的,但是这样直接写不会生效，官方说支持rpx也不生效，还有我上面的在后面加个单位也不生效，我要怎么才能让他加上rpx单位
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
获取你先定义一个变量 scrolLoft = ‘’
this.scrolLoft = '500' + 'px'
我的这样是可以滚动的，
有个问题：scroll-left:有最大限制长度吗？
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
小括号去掉呢。。另外试试切换几个基础库看看呢？
小括号去掉更不行，基础库我用的是最新的
能来个代码片段吗？
.dfc-detail-column {
width: 100%;
white-space: nowrap;
padding: 0 20rpx 30rpx 20rpx;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.dfc-detail-column .column-list {
display: inline-block;
margin-top: 30rpx;
margin-right: 20rpx;
padding-bottom: 0;
<!-- 栏目列表 -->
<scroll-view id="columnScroll" scroll-x="true" scroll-left="{{(listIndex * scrollX)}}" scroll-into-view="column{{contentId}}" class="dfc-detail-column">
<view class="dfc-detail-list-container clearfix">
<view class="column-list" wx:for="{{columnList}}" id="column{{column.contentId}}" wx:for-index="index" wx:for- item="column" wx:key="{{column.id}}" catchtap="columnTab" data-shardId="{{column.shardId}}" data-columnListId="{{column.id}}" data-contentId="{{column.contentDto.id}}">
<view class="column-list-img {{ column.contentId == contentId ? 'column-list-img-hover' : ''}}">
<image src="{{column.contentDto.imageUrl}}" />
</view>
<text class="column-list-title">{{column.contentDto.title}}</text>
</scroll-view>
额。。代码片段是这个啦。。我这边能跑起来，这样更好判断是什么问题
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
获取你先定义一个变量 scrolLoft = ‘’
this.scrolLoft = '500' + 'px'
我的这样是可以滚动的，
有个问题：scroll-left:有最大限制长度吗？
小括号去掉呢。。另外试试切换几个基础库看看呢？
小括号去掉更不行，基础库我用的是最新的
能来个代码片段吗？
.dfc-detail-column {
width: 100%;
white-space: nowrap;
padding: 0 20rpx 30rpx 20rpx;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.dfc-detail-column .column-list {
display: inline-block;
margin-top: 30rpx;
margin-right: 20rpx;
padding-bottom: 0;
}
<!-- 栏目列表 -->
<scroll-view id="columnScroll" scroll-x="true" scroll-left="{{(listIndex * scrollX)}}" scroll-into-view="column{{contentId}}" class="dfc-detail-column">
<view class="dfc-detail-list-container clearfix">
<view class="column-list" wx:for="{{columnList}}" id="column{{column.contentId}}" wx:for-index="index" wx:for- item="column" wx:key="{{column.id}}" catchtap="columnTab" data-shardId="{{column.shardId}}" data-columnListId="{{column.id}}" data-contentId="{{column.contentDto.id}}">
<view class="column-list-img {{ column.contentId == contentId ? 'column-list-img-hover' : ''}}">
<image src="{{column.contentDto.imageUrl}}" />
</view>
<text class="column-list-title">{{column.contentDto.title}}</text>
</view>
</view>
</scroll-view>
额。。代码片段是这个啦。。我这边能跑起来，这样更好判断是什么问题
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html