【uniapp中的uview组件u-notice-bar的使用之踩坑】

这篇具有很好参考价值的文章主要介绍了【uniapp中的uview组件u-notice-bar的使用之踩坑】。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

uniapp中的uview组件u-notice-bar的使用

今天开发的时候遇到的问题,就是很奇怪,希望有大佬能够帮忙解答一下,感谢!

u-notice-bar

使用uniapp开发 的H5和微信小程序,在HbuilderX上进行编写和运行,整体效果图如下:

代码如下

<!-- 滚动条播报 -->
<!-- template-->
<view>
	<u-notice-bar :text="text1" mode="closable" scrollable url="/pages/bar/bar" :fontSize="noticeBarFontSize" ></u-notice-bar>
</view>
<!-- script -->
data() {
	return {
		text1: '众多组件覆盖开发过程的各个需求,组件功能丰富,多端兼容。让您快速集成,开箱即',
	}
},

H5(效果正确)

【uniapp中的uview组件u-notice-bar的使用之踩坑】
这个效果是正常的没有问题 ,一进入首页就回正常跑

微信小程序(有问题)

【uniapp中的uview组件u-notice-bar的使用之踩坑】
这张图就可以看你出来,文字不会正常运行,后来根据不断的对比我发现是因为在组件上有一个style出现了偏差。
【uniapp中的uview组件u-notice-bar的使用之踩坑】
可以看到的是,动作’animation-duration‘为0s不走动,当我将这个参数取消就可以正常运作,但是我并没有进行动画配置,直接调用。
修改之后运行正常:
【uniapp中的uview组件u-notice-bar的使用之踩坑】

猜想

当我试着在微信开发者工具中进行修改代码后(不管是修改哪里),保存成功后都是可以正常运作的。所以我在想是否因为需要配置什么内容,我没有配置的,还希望有了解的大神帮帮忙文章来源地址https://www.toymoban.com/news/detail-506703.html

到了这里,关于【uniapp中的uview组件u-notice-bar的使用之踩坑】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp中uview组件库Toast 消息提示 的使用方法

    目录 #基本使用 #配置toast主题 #toast结束跳转URL #API #Props #Params #Methods 此组件表现形式类似uni的 uni.showToast API,但也有不同的地方,具体表现在: uView的 toast 有5种主题可选 可以配置toast结束后,跳转相应URL 目前没有加载中的状态,请用uni的 uni.showLoading ,这个需求uni已经做得

    2024年01月20日
    浏览(62)
  • uniapp中uview组件库丰富的ActionSheet 操作菜单使用方法

    目录 #平台差异说明 #基本使用 #配置顶部的提示信息和底部取消按钮 #如何知道点了第几项 #API #Props #Event 本组件用于从底部弹出一个操作菜单,供用户选择并返回结果。 本组件功能类似于uni的 uni.showActionSheet API,配置更加灵活,所有平台都表现一致。 #平台差异说明 App H5 微

    2024年01月22日
    浏览(49)
  • uniapp中uview组件库丰富的Table 表格的使用方法

    目录 #平台差异说明 #基本使用 #兼容性 #API #Table Props #Td Props #Th Props 表格组件一般用于展示大量结构化数据的场景 #平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ #基本使用 本组件标签类似HTML的table表格,由 table 、 tr 、

    2024年02月02日
    浏览(55)
  • uniapp中uview组件库丰富的CountTo 数字滚动使用方法

    目录 #平台差异说明 #基本使用 #设置滚动相关参数 #是否显示小数位 #千分位分隔符 #滚动执行的时机 #API #Props #Methods #Event 该组件一般用于需要滚动数字到某一个值的场景,目标要求是一个递增的值。 注意 如果给组件的父元素设置 text-align: center 想让数字水平居中,可能是由

    2024年02月02日
    浏览(48)
  • uniapp中uview组件库丰富的CountDown 倒计时使用方法

    目录 #平台差异说明 #基本使用 #设置是否显示天,时,分,秒 #倒计时分隔符 #倒计时样式 #倒计时执行的时机 #如何获取当前倒计的秒数 #API #Props #Events #Methods 该组件一般使用于某个活动的截止时间上,通过数字的变化,给用户明确的时间感受,提示用户进行某一个行为操作

    2024年02月02日
    浏览(40)
  • uniapp初体验———uView组件库的使用与钉钉小程序的运行

                这周学长给了我一个校企合作的项目,要求是用uniapp开发,最终打包成钉钉小程序,不过我并不会uniapp,也是学了一段时间,开始写项目,中间也遇到过很多问题,比如开发者工具还有如何运行到开发者工具以及组件库的使用,这些虽然都是一些基础的问题

    2024年02月14日
    浏览(46)
  • uniapp 微信小程序使用uview u-tabbar组件自定义tabbar

    1.在components文件下面新建TabBar.vue组件, 使用uview的u-tabbar组件进行二次封装; u-tabbar组件中value取当前匹配项的name, 一般从父组件传过来即可; 在u-tabbar-item标签内可以使用插槽 slot=\\\'inactive-icon\\\'(选中的图标)和slot=\\\'inactive-icon\\\'(未选中的图标)自定义图片样式 u-tabbar组件默认已经为i

    2024年02月13日
    浏览(74)
  • uniapp中使用uview组件u-icon 编辑到微信小程序样式问题

    在微信小程序中用u-icon标签选择器才能对其设置样式,但在h5预览中u-icon{ }这样设置样式不生效,用组件的customStyle属性才生效。所以干脆对不同平台用不同写法: 同时在style标签里使用u-icon选择器写样式来作用于微信小程序中: 这样互不影响

    2024年02月16日
    浏览(70)
  • 小程序使用uview中的u-popup弹窗组件

    结构分析 核心代码 index.vue selector.vue coupon.vue

    2024年02月11日
    浏览(50)
  • 【uniapp】uview组件库 - 动态表单

    版本问题: 我的版本1.8.2,其他版本可能会报错 DynamicForm.vue formConfig.js https://blog.csdn.net/weixin_54495706/article/details/129238726?spm=1001.2014.3001.5501

    2024年02月09日
    浏览(69)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包