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

微信小程序开发交流qq群 581478349

承接微信小程序开发。扫码加微信。

正文：

  <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
}

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

php点击查看更多,微信小程序加载更多和点击查看更多功能介绍
这篇文章主要为大家详细介绍了微信小程序加载更多,点击查看更多功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了微信小程序加载更多功能实现的具体代码,供大家参考,具体内容如下 ...
HTML 点击查看更多,微信小程序加载更多和点击查看更多的实现方法
微信小程序加载更多和点击查看更多的实现方法发布时间:2020-12-31 11:01:19 来源:亿速云阅读:126 作者:小新这篇文章给大家分享的是有关微信小程序加载更多和点击查看更多的实现方 ...
js实现加载所有内容点击查看更多
功能:过长文章内容实现通过查看更多实现 js代码直接套, 示例CSS 请忽视, 具体根据需求设置 <!DOCTYPE html> <head><meta http-eq ...
jQuery点击查看更多，列表陆续显示
jQuery点击查看更多图片演示效果: jQuery点击查看更多 HTML代码: <div class="gallerywrap"><div class=&qu ...
直播电商平台开发，点击查看更多显示所有内容
直播电商平台开发,点击查看更多显示所有内容实现代码: mainactivity.xml: <?xml version="1.0" encoding="utf-8& ...
点击查看更多进行分页，uniapp，分页请求
感觉下滑分页没有点击分页简单好用,记录一下,自己瞎写的 <view style="text-align: center;color: #737373;font-size: 12px;& ...
原生JS实现点击查看更多
评论区点击查看更多功能的实现思路: 对内容的高度进行判断,如果内容的高度大于设定的值,将内容的高度设定为固定值,同时将'查看更多'的节点上树.实现还是挺简单的,直接看代码. <!DOCTYPE ...
html隐藏文字点击查看更多,js 文字超出部分隐藏、点击显示更多示例
感兴趣js 文字超出部分隐藏.点击显示更多示例的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧. css: *{ padding: 0; margin: 0; } .text-hide{ ...
vue中点击查看更多实现
场景: vue2.6.11 中,通过v-for循环list,只想显示前五条,后面的几条要通过查看更多按钮来展示. 如图解决方案: 列如:list 长度为10,你只想显示前3条,后面几条要通过点击按钮 ...

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

承接微信小程序开发。扫码加微信。

正文：

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

最新文章

热门文章