uniapp 组件库,uniapp设置字体

　　x ，

　　成功：函数(res){

　　console.log(res)

　　_ self . news=RES . data . result . list }

　　})

　　}

　　},

　　}/脚本样式

　　视图{

　　宽度：100%；

　　}。新闻列表{

　　显示器：flex

　　宽度：94%；

　　填充：10 upx 3%；

　　柔性包装：nowrap

　　边距：12 upx 0；

　　}。新闻列表图像{

　　宽度：200upx

　　margin-right:12 upx；

　　伸缩：0；

　　}。新闻标题{

　　宽度：100%；

　　高度：自动；

　　背景：# F0AD4E

　　字体大小：28upx

　　}/styleinfo.vue如下：

　　模板

　　视角

　　信息./view/templatescript

　　导出默认值{

　　data() {

　　返回{

　　}

　　},

　　加载：函数(e){

　　console . log(e)；

　　},

　　方法：{

　　}

　　}/scriptstyle/style演示如下：

　　显然，你可以看到新闻列表，包括图片和标题。点击它会将新闻链接传递到信息页面。

　　此时可以在info页面显示新闻的详细信息，info.vue改进如下：

　　模板

　　视角

　　web-view :src=link/web-view

　　/view/templatescript

　　var _ self

　　导出默认值{

　　data() {

　　返回{

　　链接：“”

　　}

　　},

　　加载：函数(e){

　　_ self=this

　　console . log(e)；

　　_ self . link=e . link；

　　},

　　方法：{

　　}

　　}/scriptstyle/style显示：

　　显然，现在你可以通过进入信息页面来查看新闻的细节。

　　云打包

　　Uni-app开发可以依赖外部资源和工具，比如图标字体提供的icon font组件加速了uni-app的开发，自定义组件提供了更大的灵活性，也可以实现组件间的通信；打包的小程序和app是有区别的；新闻和详情页面考察了uni-app的样式设计、页面参数的传递和第三方API的使用。

　　以上本地打包是uni-app的字体库、自定义组件、包装、新闻实战的详细内容。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。