微信小程序整理

最新推荐文章于 2023-08-04 16:30:08 发布

小企鹅_

最新推荐文章于 2023-08-04 16:30:08 发布

阅读量354

点赞数

原文链接：https://blog.csdn.net/Strawberry_595/article/details/83277746

版权

1.微信小程序与html标签的异同

在这里插入图片描述

2. 在wxss中直接设置元素的背景图片报错不显示

技术栈：mpvue + vant Weapp
在微信小程序的开发中，在wxss中给元素设置图片有两种方式
1⃣️ 在行内设置 image标签设置src属性

<view class="modelIndex modelTask">
      <image class="modelImg" src="/static/images/modelTask.png"></image>
</view>
.modelIndex {
  position: relative;
  float: left;
  width: 50%;
  height: 50%; 
}
.modelIndex .modelImg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: 100% 100%;
  z-index: 11;
}

2⃣️ 将图片转换为base64位可识别