Nvue入坑总结

Nvue入坑总结引入外部的 css 在 App vue 里写的公用的样式在 nvue 里是不生效 多个 nvue 想要使用公用的样式 需要引入外部的 css 由于 weex 的限制 不能在 style 节点下使用 import xxx css 这样的方式引入外部 css 需要使用如下方式引入 css stylesrc common test css style test color E96900 style stylesrc

引入外部的 css

在 App.vue 里写的公用的样式在 nvue 里是不生效,多个 nvue 想要使用公用的样式,需要引入外部的 css。

由于 weex 的限制,不能在 style 节点下使用 @import "xxx.css" 这样的方式引入外部 css,需要使用如下方式引入 css:

  

需要注意的是在 

 节点里写样式是不生效的。

使用 ttf 字体文件

在nvue或者weex中是不能直接在css中 通过 @font-face 这样的方式引入字体文件的,需要在js中使用 dom 模块引入字体文件,可参考 weex文档:

const domModule = weex.requireModule('dom'); domModule.addRule('fontFace', { 'fontFamily': "iconfont2", 'src': "url('http://at.alicdn.com/t/font__76593.ttf')" }); 

引入本地字体文件

let fontSrc = plus.io.convertLocalFileSystemURL('/static/fonts/iconfont.ttf') var domModule = weex.requireModule("dom"); domModule.addRule('fontFace', { 'fontFamily': 'iconfont', 'src': "url('file:/" + fontSrc + "')" })

 

vue 打开 nvue 时传递参数

由于 vue 打开 nvue 时不能在 url 后携带参数,只能使用 storage 的方式进行参数传递。

在 vue 页面打开 nvue

uni.setStorageSync('test', 'hello'); uni.navigateTo({ url:"/pages/nvue/nvue" }) 

在 nvue 页面获得参数,在 created 里调用 uni-app 的 api 时需要延时一段时间才能调用成功(最新版 uni-app 框架已经修复此问题,不用延时也可以调用成功)。

 

稍后会继续更新的 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/227109.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午9:55
下一篇 2026年3月16日 下午9:55


相关推荐

  • linux查看并杀死进程_ubuntu查看进程命令

    linux查看并杀死进程_ubuntu查看进程命令今天在netbeans中关闭webrick时,发现没有关闭掉,打入localhost:3000依然显示页面,发现无法从nb中再次关闭只有进入ubuntu的进程下关闭查看进程:1,ps-e命令2,feng@feng:~$sudonetstat-antupActiveInternetconnections(serversandestablished)ProtoRecv-QSe…

    2026年2月8日
    4
  • FastCGI开发学习

    FastCGI开发学习http://www.xinze.me/fastcgi%E5%BC%80%E5%8F%91%E5%AD%A6%E4%B9%A0/1.下载fastcgi开发包,编译安装http://www.fastcgi.com/dist/fcgi-current.tar.gz1wgethttp://www.fastcgi.com/dist/fcgi-curren

    2022年7月11日
    24
  • 关于&0x80

    关于&0x80一些关于 windows 相关的书 书中提到扫描码的概念 扫描码的最低 7 为 0 6 位 是描述码值 而最高位 7 位 就描述该键是否被按下了 所以要想知道该键是否被按下就必须与 0x80 相与 例如 GetKeyState VK UP amp 0x80 或 KeyStateBuff DIK ESCAPE amp 0x80 同时 在 ANSIC 标准中

    2026年3月17日
    2
  • 大数据采集技术概述

    大数据采集技术概述大数据采集是指从传感器和智能设备、企业在线系统、企业离线系统、社交网络和互联网平台等获取数据的过程。数据包括RFID数据、传感器数据、用户行为数据、社交网络交互数据及移动互联网数据等各种类型的结构化、半结构化及非结构化的海量数据。不但数据源的种类多,数据的类型繁杂,数据量大,并且产生的速度快,传统的数据采集方法完全无法胜任。所以,大数据采集技术面临着许多技术挑战,一方面需要保证数据…

    2022年6月24日
    29
  • 冯·诺依曼计算机特点[通俗易懂]

    冯·诺依曼计算机特点冯·诺依曼,20世纪最重要的数学家之一。在现代计算机、博弈论、核武器和生化武器等众多领域内有杰出建树的最伟大的科学全才之一,被后人称为“计算机之父”和“博弈论之父”。一、冯·诺依曼计算机结构二、冯·诺依曼计算机的特点计算机由五大部件组成:存储器,运算器,控制器,输入设备,输出设备。指令和数据以同等地位存于存储器,可按地址顺序访问。指令和数据用二进制表示。指令由操作码和地址码组成。存储程序,程序在计算机中顺序存放。以运算器为中心。(不合理:花大量的时间进行数据传输,降

    2022年4月12日
    96
  • Coze开发Agent智能体教程(一)认识Coze并搭建简单智能体

    Coze开发Agent智能体教程(一)认识Coze并搭建简单智能体

    2026年3月13日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号