微信小程序相关问题

Mavey

                               
登录/注册后可看大图

Mavey

                               
登录/注册后可看大图

Twilight6

啥都没得

Hello.

啥问题

Mavey

Hello. 发表于 2020-7-6 22:52
啥问题

就是分类导航下面的查看详情那个模块 其他几个宽度都是一样的 就是第一个上面空白太多了

Hello.

Mavey 发表于 2020-7-6 22:58
就是分类导航下面的查看详情那个模块 其他几个宽度都是一样的 就是第一个上面空白太多了

代码

Mavey

Twilight6 发表于 2020-7-6 22:52
啥都没得

就是分类导航下面的查看详情那个模块 其他几个宽度都是一样的 就是第一个上面空白太多了

Mavey

Hello. 发表于 2020-7-6 23:01
代码

wxml:

<view class="container">
  <view wx:for="{{cardTeams}}" wx:key="{{index}}" wx:for-item="cardTeam" class="item">
    <image class="img" src="{{cardTeam.imgsrc}}" mode="scaleToFill"></image>
    <view class="number-wrapper">
      <text class="name">{{cardTeam.name}}</text>
      <view class="count-wrapper">
        <text class="count">{{cardTeam.count}}</text>
      </view>
       <view class="details">
      <navigator url="../details/details">查看详情</navigator>
      </view>
    </view>
  </view>
</view>


wxss:

.item {
  width: 100%;
  height: 220rpx;
  position: relative;
  display: flex;
  margin: 10rpx 10rpx;
  border-bottom: 1px solid rgb(197, 199, 199);
}

.item:first-child {
  margin-top: 0;
}



.item .number-wrapper {
  
  padding-top: 25rpx;
  flex-direction: column;
  justify-content: space-between;
}


.item .img {
  width: 150rpx;
  height: 150rpx;
  padding: 20rpx;
}

.number-wrapper .name {
  margin: 10rpx 10rpx 10rpx 10rpx;
  font-size: 39rpx;
  overflow: hidden;
}

.number-wrapper .count-wrapper {
  display: flex;
  align-items: center;
  margin-left: 10rpx;
  font-size: 25rpx;
}

.number-wrapper .count-wrapper .decrease-btn {
  font-size: 30rpx;
}

.number-wrapper .count-wrapper .increase-btn {
  font-size: 30rpx;
}

.number-wrapper .count-wrapper .count {
  margin: 0 1rpx 0 1rpx;
  font-size: 30rpx;
}

.number-wrapper .price-wrapper .people {
  margin-left: 250rpx;
  font-size: 30rpx;
}

Mavey

Hello. 发表于 2020-7-6 23:01
代码

js里data里的：
cardTeams: [{
      "viewid": "1",
      "imgsrc": "https://pics.images.ac.cn/image/5f03129000787.html",
      "price": "&#165;1245",
      "count": "为什么说 C 语言比 Java 难？ ",
      "name": "为什么说 C 语言比 Java 难？ ",
    }, {
      "viewid": "2",
        "imgsrc": "https://pics.images.ac.cn/image/5f03129000787.html",
      "price": "&#165;2345",
        "count": "小程序云开发入门实战总结 ",
        "name": "小程序云开发入门实战总结 ",
    }, {
      "viewid": "3",
        "imgsrc": "https://pics.images.ac.cn/image/5f03129000787.html",
      "price": "&#165;2345",

        "count": "node.js写一个小爬虫 ",
        "name": "node.js写一个小爬虫 ",
    },

小甲鱼的铁粉

楼主，这是你自己做的小程序吗？

Hello.

传送门

Mavey

小甲鱼的铁粉 发表于 2020-7-6 23:19
楼主，这是你自己做的小程序吗？

是