02如何直接使用uni-app中提供的模板之公告滚动
用hBuibler将提供的模板下载下载,通过url上的路径找到你需要的模板对应的位置。
然后将这个文件夹中的diamante全部赋值过来就ok了。
<view class="uni-padding-wrap">
<view class="uni-swiper-msg-myflex">
<view class="left-Iocn">
<icon class="iconfont icon-voice1"></icon>
</view>
<swiper class="limitp-hg" vertical="true" autoplay="true" circular="true" interval="3000">
<swiper-item v-for="(item, index) in msg" :key="index">
<navigator class="scrool-list-item">{{item}}</navigator>
</swiper-item>
</swiper>
</view>
</view>
msg : [
'uniapp行业峰会频频亮相开发者反响热烈',
'DCloud完成B2轮融资,uni-app震撼发布',
'36氪热文榜推荐、CSDN公号推荐 DCloud'
]
<style scoped>
.img-iocn{
width: 50rpx;
height: 50rpx;
}
.scrool-list-item{
color: red;
}
.uni-swiper-msg-myflex{
display: flex;
}
.left-Iocn{
width: 40rpx;
height: 60rpx;
line-height: 60rpx;
}
.limitp-hg{
width:calc(100% - 50rpx);
height: 60rpx;
line-height: 60rpx;
}
.scrool-list-item{
font-size: 30rpx;
}
</style>
这次的问题是:
赋值过来要写css。比如重新设置滚动区域的高。
如果有变有小图标,必须设置滚动区域的宽度,否者显示不出来的哈。
作者:流年少年
出处:https://www.cnblogs.com/ishoulgodo/
本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
如果文中有什么错误,欢迎指出。以免更多的人被误导。
出处:https://www.cnblogs.com/ishoulgodo/
想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!
如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!
万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!
想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!
![](http://images.cnblogs.com/cnblogs_com/IwishIcould/1900124/t_201214043958支付宝收款码.jpg?a=1607924145179)
支付宝
![](http://images.cnblogs.com/cnblogs_com/IwishIcould/1900124/t_20121604194271E6E296CCB71A007F4E22073D5EB64A.jpg)
微信
如果文中有什么错误,欢迎指出。以免更多的人被误导。