小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我下面的文字有多长 图片就有多宽 为什么会这样啊?怎么才能让他自动100%呢?这是我的css:
如果让文字短一点就会这样 怎么办啊?
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
把image组件加上mode="scaleToFill",再将image和swiper的wxss宽度全设为100%
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
你好,请提供能复现问题的简单代码片段
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
--↓↓👍如果觉得有帮助的话请点个【赞】吧(唏嘘也有小尾巴了,可惜是假的)
<view class="container">
<view class="page-body">
<swiper class="body-pic" indicator-dots="true" autoplay="ture" interval="4000">
<swiper-item> <image src='/images/bg.jpg'></image></swiper-item>
<swiper-item> <image src='/images/bg2.jpg'></image></swiper-item>
<swiper-item> <image src='/images/bg3.jpg'></image></swiper-item>
</swiper>
<view class="textbody">图片轮播</view>
</view>
.container{
width: 750rpx;
}
.body-pic{
width: 100%;
.body-pic image{
.textbody{
那你把文字也width:100%呗
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
把image组件加上mode="scaleToFill",再将image和swiper的wxss宽度全设为100%
你好,请提供能复现问题的简单代码片段
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
--↓↓👍如果觉得有帮助的话请点个【赞】吧(唏嘘也有小尾巴了,可惜是假的)
<view class="container">
<view class="page-body">
<swiper class="body-pic" indicator-dots="true" autoplay="ture" interval="4000">
<swiper-item> <image src='/images/bg.jpg'></image></swiper-item>
<swiper-item> <image src='/images/bg2.jpg'></image></swiper-item>
<swiper-item> <image src='/images/bg3.jpg'></image></swiper-item>
</swiper>
<view class="textbody">图片轮播</view>
</view>
</view>
.container{
width: 750rpx;
}
.body-pic{
width: 100%;
}
.body-pic image{
width: 100%;
}
.textbody{
width: 100%;
}
--↓↓👍如果觉得有帮助的话请点个【赞】吧(唏嘘也有小尾巴了,可惜是假的)