微信小程序四 wxss引用 wxml引用

最新推荐文章于 2024-09-10 16:57:07 发布

国苏

最新推荐文章于 2024-09-10 16:57:07 发布

阅读量1.3w

点赞数 1

分类专栏：微信小程序文章标签：微信小程序 wxss引用 wxml引用

本文链接：https://blog.csdn.net/wangguoyang429883793/article/details/72825190

版权

本文探讨微信小程序开发中如何在item.wxss和item.wxml中定义样式和结构，并在home.wxss和home.wxml中进行引用。通过在home.wxss引入item.wxss，以及在home.wxml使用template is='home_item'来实现组件化开发。

摘要由CSDN通过智能技术生成

这里写图片描述

wxss引用
可以看到这是一个列表，每一条可以看做是一个item,item自己会有自己的wxml和wxss,先看一下

item.wxss

.item_class{
  width: 100%;
  height: 150rpx;
  background-color: #ffffff;
}
.profile_holder{
  width: 100%;
  height: 100rpx;
  flex-direction: row;
  display: inline-flex;
  /*background-color: #cccccc;*/
  margin: 10rpx;
  align-items: center;
}

.margin-left-10{
  margin-left: 10rpx;
  vertical-align: center;
  align-items: center;
  font-size: 28rpx;
}

.margin-left-30{
  margin-left: 30rpx;
  font-size: