quasar

阅读 / 问答 / 标签

baby quasar plus里面的四种光分别有什么效果啊?

琥珀光610nm,帮助胶原再生。红光630nm,促进循环。深红光660nm,提亮肤色。红外光850nm,紧致肌肤。

vue-quasar 两个项目之间传递所需参数

1.项目一(传递参数页面) 2.项目二(接收参数页面)

vue-quasar前端根据不同角色登陆来获取到相应的token

1.登录页面 2.获取token页面,在script的methods里面写

怎么改变Quasar组件里面的css样式?

要改变他人的软件,请注意你的改变方式,这里面有很多的技巧和方法。

Baby Quasar蓝光美容仪照脸照出一块大黑斑,怎么办

平时多护理吧(1)避免阳光直接照射,尤其是盛夏季节,紫外线对皮肤的损害较大,外出时须注意防护,带上遮光用品或擦防晒产品。(2)避免食用辣椒、大蒜之类刺激性的食物。还有酱油类的调料(3)多摄取一些富含维C的食物,如草莓、西红柿、柑桔、杨梅、红枣等水果和绿叶类蔬菜;(4)早点休息,不要熬夜!!

vue 组件库 ant-design、quasar、element-ui 按需加载和主题重置

vue常用组件库无非这些,一直在思索一个问题,组件能否条件编译,类似于客户端或者服务器的,在编译期去除,打包就会被忽略 因此尝试在一个自定义的脚手架内,引入了3套组件库,实现了在 .env 声明组件库可动态编译的效果 若是配置成功,无需单独引入样式 若是配置成功,重置配置变量会被覆盖 首页和官网一致,vue cli3 环境

quasar 这么好的框架为什么国内没人用?

因为太好了

前端quasar单选选中一行切换页面之后回来还是默认选中的

在选择一行切换回来之后,之所以还会出现默认选中选项,是因为只在上一行进行了有效的选择,所以这个时候我们必须要对整一个页面进行选择,才可以在换行之后达到整体切换的效果。准确地运用词语,跟别人进行详细的说明是非常重要的,这样能够让更多的人更好清晰地理解它的使用方式。而想要准确地使用词语,又有一定方法和技巧,需要注意以下几点:(一)从词语的感情色彩方面进行辨析色彩是指词义附带的某种倾向、情调;有的表现为感情上的,叫感情色彩。根据感情色彩的不同可将词语分为褒义词、贬义词、中性词三类。1.褒义词:具有肯定或赞许的感情的词语。如:鼓励、成果、抵御、聪明、节俭、呵护。2.贬义词:具有否定或贬斥的感情的词语。如:煽动、后果、抗拒、狡猾、吝啬、庇护。3.中义词:不表示褒贬的词语。如:鼓动、结果、抵抗。(二)从词语的语体色彩方面进行辨析词语除感情色彩之外,还有庄重和诙谐、谦敬和讽刺、委婉和直露以及文白、雅俗等色彩,虽然意义相同或相近,但各适用于不同场合,称之为语体色彩。主要表现为口语和书面语的区别。对话、文艺作品多用口语,口语具有通俗朴实生动的风格。书面语有文雅、庄重的风格,多用于郑重场合、理论文章或公文。如:“表彰—表扬”、“贵宾—客人”、“陪同—陪伴”、“散步—溜达”、“马铃薯—土豆”,这几组词语义同而语体色彩不同,前者属于书面语,后者属于口语,使用时适合不同的场合。语体色彩还有庄重和诙谐、谦敬和讽刺、委婉和直露等的不同。

vue-quasar 之 点击出现提示

1.先让_this = this,然后在连接后台数据成功或失败处添加 _this.$q.notify({ type: "negative", message: 数据加载中... }) //这个是vue-quasar的插件,在quasar官网的Quasar Plugins2.更改提示类型只需要更改type: " "即可,常用类型有:positive,negative,warning,info,ongoing 3.还有其他的一些消息提示类型,具体参考官方文档: https://quasar.dev/quasar-plugins/notify#Notify-API

Quasar中css总结

用了一段时间的quasar了,它里面封装的 css 类确实很好用,但是在帮助文档中,描述得零零散散,不方便使用,遂总结一下。 text-[ h1~6, subtitle1, subtitle2, body1~2, caption, overline ] text-weight-[ thin, light, regular, medium, bold, bolder ] text-[ right, left, center, justify, bold, italic, no-wrap, stike, uppercase, lowercase, captitalize ] text-[颜色名称]:text-teal primary(淡蓝),secondary(淡绿),accent(淡紫),dark(黑色),positive(深绿),negative(红色),Info(亮蓝),warning(黄色) 每种颜色由浅到深分为 1-14 级 red, pink, purple, deep-purple, indigo(靛蓝), blue, light-blue, cyan, teal(青色), green, light-green, lime, yellow, amber, orange, deep-orange, brown, grey, blue-grey 在应用程序的 *.vue 文件中,可以使用 $primary , $red-1 等颜色。 | | | | | | 子元素可以覆盖父元素上指定的对齐方式 。 这允许对单个Flex项进行对齐。 可用值有: self-start , self-center , self-baseline , self-end , self-stretch 与 flex 值使用类似 Quasar使用一个12分的列系统来分配子行的大小。 以下是可用的CSS辅助类的一些示例: | | 在上面的例子中,由于8/12 = 2/3 = 66%,col-8占据了行宽的三分之二(2/3),而col-2占据了六分之一(2/12 = 1 / 6u301c16.67%)。 CSS辅助类 col-auto 使单元格只填充需要渲染的空间。 另一方面, col 试图填充所有可用的空间,同时如果需要也可以缩小。 CSS辅助类 col-grow 使单元格至少填充需要渲染的空间,并有可能在有更多空间可用时增长。 CSS辅助类 col-shrink 使单元格最多填充需要呈现的空间,并且当没有足够的可用空间时有可能收缩。 您可以使用 order-first 和 order-last CSS辅助类来设置子元素的顺序 。 默认情况下,Flex项按源(source)顺序排列。 但是,order属性控制它们在flex容器中的显示顺序。 如果您需要更多粒度,请使用 order CSS属性并分配所需的值。 例子: | | 以下是CSS order 属性的工作原理:

Quasar 热启动时使用proxy连接远程服务器

Quasar在接真机调试时很方便,改了马上在手机上就能看到,但程序中如果需连接远程服务器就比较麻烦,因为在热启动时,连远程服务器属于跨域了,之前我一直都是直接生成.apk后,安装后再来测试连接远程服务器的功能,直到又读Quasar文档时看到了quasar.conf.js中的devServer属性,经过一翻查阅,得到在热启动时连接远程服务器的方法。 这样,在程序中使用"/proxy",代表的路径就是" http://192.168.2.105:8888/proxy" 这样,在程序中使用"/public",代表的路径就是" http://192.168.2.105:8888/public" 在程序中使用"/paiming",代表的路径就是" http://192.168.2.105:8888/paiming" ,依此类推

Mac Window Linux 下应用只需一个Quasar

Quasar(发音为/kweu026a.zɑu0279/)是MIT许可的开源框架(基于Vue),可帮助Web开发人员创建: Quasar允许开发人员编写一次代码,然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron App。使用最先进的CLI设计应用程序,并提供精心编写,速度非常快的Quasar Web组件。 当使用Quasar时,你不需要像Hammerjs,Momentjs或Bootstrap这样的额外重型库。它拥有这些功能,而且体积很小! 为什么使用Quasar? 全平台支持 同时针对所有平台的源代码:响应式桌面/移动网站,PWA(渐进式Web应用程序),移动APP(外观原生)和多平台桌面应用程序(通过Electron)。 顶级的,快速的网络响应组件 几乎每个Web开发需求都有一个组件。每个组件都经过精心设计,为用户提供最佳体验。Quasar设计时考虑到了性能和响应能力 - 所以使用Quasar的开销几乎不明显。这是我们特别引以为傲的一个领域。 最佳实践默认集成 我们鼓励Quasar用户遵循网页开发最佳实践,这需要许多开箱即用的嵌入式功能。HTML / CSS / JS压缩、缓存清除、tree shaking、sourcemapping、代码分割和延迟加载、ES6转译、代码检查、可访问性功能。Quasar有这些功能以及更多,并且不需要配置。 全面的RTL支持 RTL(从右到左)支持Quasar组件和开发人员自己的代码。如果使用RTL语言包,开发人员编写的网站/应用程序CSS代码会自动转换为RTL。 两个主题(将有更多) 该框架支持两种最常用的主题 - Material主题和iOS主题。 逐步迁移现有项目 Quasar提供UMD(统一模块定义)版本,这意味着开发人员可以将CSS和JS HTML标签添加到现有项目中,并准备好使用它。不需要构建步骤。 通过Quasar CLI提供无与伦比的开发人员体验 当使用Quasar的CLI时,开发人员将受益于: 极大提升开发速度 顶级入门套件使开发人员可以在最短时间内轻松实现创意。繁重的工作已替开发人员完成,而不是由开发人员来做。他们可以轻松聚焦在功能上,并通过Quasar实现样板。 很棒的不断增长的社区 当开发者遇到他们无法解决的问题时,他们可以访问Quasar论坛或Discord聊天服务器。社区在那里帮助你。 广泛的平台支持 Google Chrome,Firefox,IE11 / Edge,Safari,Opera,iOS,Android,Windows Phone,Blackberry。 Quasar组件国际化(I18n) Quasar组件默认提供I18n。如果您的语言包缺失,只需5分钟即可添加。 出色的文档 最后,值得一提的是,编写出色的,无臃肿,重点突出的完整文档页面花费了大量时间,以便开发人员可以快速学会Quasar。没有混淆的余地。 底层技术 Vue,Babel,Webpack,Cordova,Electron。 除了Vue(需要半天的时间就能学会并永远改变你),你并不需要知道其他技术。他们中的大多数都已集成并已为您配置。