学习小程序遇到的问题一

Daisy_ls

于 2022-06-23 00:01:53 发布

阅读量302

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序学习文章标签：学习小程序

本文链接：https://blog.youkuaiyun.com/Daisy_ls/article/details/125418603

今天在学习小程序时遇到了一个自己走不出的死胡同，记录一下

我要实现的样式如下：

html结构：

<view class="list">
  <view 
    class="list-item"
    wx:for="{
  
  {currentList}}"
    wx:key="title"
  >
    <image class="list-img" src="{
  
  {item.imgUrl}}" />
    <view class="list-title">
      <view class="list-title-inner">{
  
  {item.title}}</view> 
    </view>
    <view class="list-num">
      <image 
        class="list-num-img" src="../../resources/first.png" 
        wx:if="{
  
  {index === 0 }}"
      />
      <image 
        class="list-num-img" src="../../resources/second.png" 
        wx:elif="{
  
  {index === 1 }}"
      />
      <image 
        class="list-num-img" src="../../resources/third.png" 
        wx:elif="{
  
  {index === 2 }}"
      />
      <view