女神推荐, 卡片,广告图 ,点击查看更多

来源:互联网 发布:软件部职责要求 编辑:程序博客网 时间:2024/05/01 14:47


  <view><view class='title'>女神推荐 </view>
  <image style='margin-top:25rpx;' class='tab_img' src='{{img + list_data.q1[1].image}}'></image>  <view class='view_outer'>    <block wx:for="{{list_data.q5}}" wx:key="index">      <navigator url='../user/my_info/my_info?openid={{item.openid}}'>        <view class='user_callingcard'>          <image class='view_li' src='{{img+item.headimg}}'></image>          <view style='width: 220rpx;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;'>{{item.name}}</view>          <view class='' style='width: 220rpx;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;'>{{item.qinaming}}</view>        </view>      </navigator>    </block>  </view>  <view class='more' bindtap='to_arr' id='2'>点击查看更多</view></view>
  to_arr:function(e){    wx.navigateTo({      url: 'to_arr/to_arr?id='+e.target.id    })  }
.user_callingcard{  display: block;  padding: 15rpx;  border-radius: 20rpx;  box-shadow:10rpx 10rpx  10rpx 10rpx #aaa;  margin: 30rpx;}.user_callingcard image{  display: block}.view_outer {  display: flex;  padding-top: 10rpx;  margin-left: 26rpx;  flex-wrap:wrap;}.view_li{  display: flex;  flex-direction: column;  align-items: center;  width:260rpx;  height: 260rpx;}.more{  text-align: center;  margin: 20rpx auto;  width: 70%;  border: 1px solid #666;  border-radius: 15rpx;  color: #999;  padding: 5rpx}


原创粉丝点击