最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【基本解决】小程序中设置图片的宽和高的大小

图片 crifan 1390浏览 0评论
折腾:
【未解决】小程序中列表中实现每行左边图片右边多行键值对的文字效果
期间,现在用代码:
    <view class='book_list_item'>
      <view class='book_item_logo'>
        <image
          class='book_item_logo_img'
          src="{{curBookItem.coverImgUrl}}"
          width="100"
          height="140"
        />
      </view>
结果无法设置图片的宽和高:
然后改为:
      <view class='book_item_logo'>
        <image
          class='book_item_logo_img'
          src="{{curBookItem.coverImgUrl}}"
        />
      </view>
和:
index.wxss
.book_item_logo_img{
  width: 100px
  height: 140px;
}
结果直接语法提示出错:
[css] semi-colon expected
才注意到了:少了个分号。
改为:
.book_item_logo_img{
  width: 100px;
  height: 140px;
}
就可以了。
不过也试了试:rpx,结果尺寸完全不对了:
.book_item_logo_img{
  width: 100rpx;
  height: 140rpx;
}
结果变成期望大小的一半了:
抽空再去研究rpx吧。

转载请注明:在路上 » 【基本解决】小程序中设置图片的宽和高的大小

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
80 queries in 0.192 seconds, using 22.04MB memory