Quasar中css总结(quasar)

用了一段时间的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 / 6〜16.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）

20世纪60年代发现的一种新型天体，它在照相底片上具有类似恒星的像，它的光谱有巨大红移，发射出很强的无线电波。类星体的显著特点是，它在以飞快的速度远离我们而去，因此具有很大的红移。这类天体距离我们都很远，大约在几十亿光年以外，甚至更远，可看上去光学亮度却不弱。可见光区的辐射功率是普通星系的在百上千倍，而射电功率竟比普通星系大上100万倍。对类星体的发现是上个世纪60年代天文学的四大发现之一。手拍起初，人们接收到射电波，却不知道是从哪里发射的。1960年，马修斯和桑德奇找到了射电源3C48的光学对应体，看起来它像是一颗恒星。分光观测表明，它的光它的光谱中有许多宽而强的发射线，当时未能证认出这些谱线。1963年,射电源3C273被证认为一个13星等的类似恒星的天体。M.施米特发现它的光谱与3C48的光谱很类似,并且成功地证认了3C273的谱线。结果表明，它们是地球上熟知的一些元素产生的发射线，但其红移很大,达0.158。3C48的谱线也得到了证认,红移更大,达0.367。随后，又陆续发现了一批性质类似3C48和3C273的射电源。它们在照相底片上都呈类似恒星的像，因此被称为类星射电源。光学观测表明，类星射电源的紫外辐射非常强。后来发现一些光学性质类似于3C48和 3C273的天体，但它们并不发出射电辐射。这种天体称为蓝星体。类星射电源和蓝星体被统称为类星体。到1979年已发现了1000多个类星体，其中类星射电源约300多个。

主要观测特点　①类星体在照相底片上具有类似恒星的像，这意味着它们的角直径小于1秒。极少数类星体有微弱的星云状包层，如3C48。还有些类星体有喷流状结构。②类星体光谱中有许多强而宽的发射线，包括容许谱线和禁线。最经常出现的是氢、氧、碳、镁等元素的谱线，氦线非常弱或者不出现数薯型，这只能用氦的低丰度来解释。现在普遍认为，类星体的发射线产生于一个气体包层，产生的过程与一般的气体星云类似。类星体的发射线很宽，说明气体包层中一定存在猛烈的湍流运动。有些类星体的光谱中有很锐的吸收线，说明产生吸收线的区域里湍流运动的速度很小。③类星体发出很强的紫外辐射，因此，颜色显得很蓝。光学辐射是薯猜偏振的,具有非热辐射性质。另外，类星体的红外辐射也非常强。④类星射电源发出强烈的非热射电辐射。⑤类星体一般都有光变，时标为几年。少数类星体光变很剧烈，时标为几个月或几天。从光变时标可以估计出类星体发出光学辐射的区域的大小（几光日至几光年）。类星射电源的射电辐射也经常变化。观测还发现有几个双源型类星射电源的两子源，以极高的速度向外分离。光学辐射和射电辐射的变化没有周期性。⑥类星体的发射线都有很大红移。⑦近年来的观测表明,有些类星体还发出X射线辐射。

红移是河外天体共有的特征。因此，绝大多数天文学家认为，类星体是河外星体。红移－视星等关系的统计的结果表明：哈勃定律对于河外星系是适用的。就是说，它们的红移是宇宙学红移，它们的距离是宇宙学距离，它们的红移和视星等是统计相关的。可是，对类星体来说，红移和视星等的统计相关性很差，这就产生了两个彼此相关的问题：类星体的红移是否就是宇宙学红移，类星体的距离是否就是宇宙学的距离。大多数天文学家认为，类星体的红移是宇宙学红移。因此，红移反映了类星体的退行，而且符合哈勃定律。按照这种看法，作为一种天体类型而言，类星体是人类迄今为止观测到的最遥远的天体。持这种观点的人认为,类星体红移-视星等的统计相关性很差的原因，在于类星体的绝对星等弥散太大。如果按照一定的标准将类星体分类，对某种类型的类星体进行红移-视星等统计,则相关性便会显著提高。支持宇宙学红移的观测事实还有：已发现三个类星体分别位于三个星系团里，而这些类星体的红移和星系团的红移差不多；类星体与某些激扰星系很类似；蝎虎座BL型天体是一种在形态上类似恒星的天体，以前认为它们是银河系内的变星，现已确定，它们是遥远的河外天体。

能源和粒子加速　类星体的射电辐射无疑是同步加速辐射，光学辐射也很可能是同步加速辐射。至于类星体的红外辐射，尚有待进一步研究，但至少有一部分可能仍是同步加速辐射。如果类星体的红移是宇宙学红移，它们的光度（包括射电、红外线、可见光直至 X射线）,是迄今为止观测到的辐射功率更大的天体。类星体的寿命，估计约为106年。因此,高能电子和磁场的总能量将高达1062尔格。现在普遍认为,高能电子来源于类星体的中心区域。但是，从光变资料估计出的类星体光学辐射区域的大小，只有几光日到几光年，也就是1015～1017厘米。高能电子源一定更小。因此，这里就有两个尖锐的问题：①为什么这样小的面积能发出这么巨大的能量？②高能电子产生的机制是什么？为了解释这些问题，已经提出了许多

种理论模型。一种模型是恒星碰撞，认为在类星体中心，恒星的空间密度极高，经常发生碰撞，从而释放能量。但对于碰撞释放的能量怎样转化为高能电子的能量这一点，并不清楚。由于超新星爆发时要释放大量的高能电子，就有一种观点认为，恒星碰撞后会粘合在一起，形成质量越来越大的恒星。大质量恒星迅速演化为超新星，然后爆发，释放高能电子。恒星碰撞模型要求有很大的恒星数密度,这是它的一个严重困难。另一种模型是质量约为 108太阳质量的大质量星。这种星的光度可以非常强，但能谱将是热辐射的，这又不能说明观测到的情况。另外，这种星也很不稳定。后来又提出一种有磁场而且在自转的大质量星模型，称为磁转子。磁转子是稳定的，具有很高的光度。同时，由于自转，磁力线会扭结，最终产生中性线或中性片，并导致爆发。这可用来解释类星体的光变。不过，光变应该是周期性的，这又同观测结果相矛盾。此外,还有黑洞吸积、白洞、物质-反物质湮没等模型。迄今为止，尚无一种令人满意的模型。

类星体和活动星系　活动星系（又称激扰星系）都有一个处于剧烈活动状态的核。活动星系核在许多方面都与类星体相似：体积很小;光谱中有很强的发射线;发出从射电波段到X射线波段的非热辐射;经常有光变和爆发现象等等。因此，类星体本质上可能是某种活动星系，观测到的类星体现象是星系核的活动。当然，如果类星 *** 于宇宙学距离，那么，它们的活动会比一般活动星系更为剧烈，功率更大。类星射电源的射电性质类似射电星系和N星系。后二者一般属于巨椭圆星系。因此,有些天文学家猜测，类星体是遥远的巨椭圆星系。就光学性质而言，类星体酷似Ⅰ型塞佛特星系。因此，现在更倾向于类星体是遥远的塞佛特星系这种看法。产生类星体的吸收线的原因可能有两种，一是吸收线产生于类星体附近的气体云，这些气体云是从类星体抛出来的。二是吸收线产生于类星体和观测者之间的某些河外天体。这些河外天体同类星体可能毫无关系。

超光速现象， 已经发现 3C345等几个类星射电源的两致密子源以很高的速度分离。如果类

星 *** 于宇宙学距离，两子源向外膨胀的速度将超过光速，更大的可达光速的10倍。有人认为,类星体并不位于宇宙学距离,这就根本不会出现超光速现象。但是观测发现，有一个射电星系也存在类似的超光速现象，而射电星系无疑位于宇宙学距离。可见这种看法的证据尚不充分。另一种看法认为，超光速现象是存在的。但是，为了不与相对论矛盾，认为这种现象并不反映粒子的真实运动，而是某种“假象”，因而是“视”超光速膨胀。目前，已提出好几种模型来解释视超光速现象，但都不能彻底解决问题。

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

Quasar在塌宴接真机调试时很方便，改了马上在手机上就能看到，但程序中如果需连接远程服务器就比较麻团迟银烦，因为在热启动时，连远程服务器属于跨域了，之前我一直都是直接生成.apk后，安装后再来测试连接远程服务器的功能，直到又读Quasar文档时看到了quasar.conf.js中的旦握devServer属性，经过一翻查阅，得到在热启动时连接远程服务器的 *** 。

这样，在程序中使用'/proxy'，代表的路径就是' '

这样，在程序中使用'/public'，代表的路径就是' '

在程序中使用'/paiming'，代表的路径就是' ' ，依此类推

quasar1.X使用过程中的几个坑

quasar从0.x版本开始使用，后来升级到1.x，现在最新版本已经返扰斗是2.0.3版本了。版本之间差异比较大，本想将0.x版本开发的项目升级到1.x版本的，发现差异实在太大，需要修改的内容太多，无奈放弃。

后来尝试用1.x版本开发一个新项目，本以为手到擒来的事情，但被几个小坑来了个下马威：

需求：表格中能够显示给定的数据。

中文官网 上文档标注的语法是这样

    刚开始感觉挺简单，这个q-table组件语法和以前版本一样嘛，但按照以上语法执行后，数据表中始终出不来数据，百思不得其解。

    平时比较习惯看中文的官网，所以漏磨我查看的是 中文版官网 。后来我尝试到 英文版官李慧网 上看了一下，惊讶的发现这上面的语法竟然是：

按照以上语法，我修改为:rows，问题迎刃而解，表格中的数据如期而至。

不禁感慨，这是quasar有意折腾我们这些开发者的吗！

吃一亏长一智，以后只能尽量参考英文资料。

需求：表格中每行记录前出现复选框，可以单选或者多选数据记录。

中文官网 上标注的语法是这样：

英文官网 上标注的语法是这样：

经过确认，:selected.sync="selected"，直接就出现'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead vue/no-depreca这个语法错误。如果修改成和0.x版本一致的语法:selected="selected"，虽然没有再出现语法错误，但无法选择复选框。

而按照v-model:selected="selected"，就能正常选择每条记录了。

忍不住吐槽一个：好不容易积累出来的经验反而会害死人啊！

需求：quasar调用后端服务。

后端服务和前端服务在不同的端口、不同的IP地址，但在调用的时候出现No

'Access-Control-Allow-Origin' header is present on the requested resource

的错误，这是说明当前不支持跨域访问。

于是按照文档中要求，先是通过配置proxy，然后尝试修改header，但始终还是无法访问后端服务，出现上面那个跨域错误。

后来没招了，由于后端用的是koa2，在后端增加安装了koa2-cors模块，然后。。。。跨域问题就解决了！！！

松下英文是什么

松下英文是Panasonic。

松下电器，正式名称为Panasonic株式会社（日语：パナソニック株式会社，Panasonic Corporation），日本更大的电机制造商，也是日本前八大电机企业之一（松下电器、索尼、夏普、NEC、富士通、日立、盯丛银东芝、三菱电机），总部位于日本大阪府门真市。

Panasonic的中文为“松下”（早期叫National，1986年开始逐步更改为Panasonic，2008年10月1日起全部统一为Panasonic）由日本松下电器产业株式会社自1918年松下幸之助创业，发展品牌产品涉及家电、数码视听电子、办公产品、航空等诸多领域而享誉全球；该企业品牌跃入《世界品牌500强》排行榜。

扩展资料

公司更名与品牌统一

由于松下电器内部长期发现“一公司多品牌名称”的情况已经对该集团之产品之全球市场占有率造成影响，为求品牌的一致性及认同感和全球市场布局方面的考量，2008年10月起，公司日文简称由“松下电器”更名为假名“パナソニック”（Panasonic），公司日文全名亦从“松下电器产业株式会社”（Matsushita Electric Industrial Co., Ltd.）更名为“パナソニック株式凯宴会社”。

同时尚在日本国内使用的“ナショナル”（National）商标在2009年渐进性废止，届郑族时全球统一使用“Panasonic”品牌及商标。

由于松下电器早于2003年起于日本以及大中华地区以外的所有商品统一以“Panasonic”品牌出售，尚于北美低价视听设备市场使用的Quasar品牌已经处于自然淘汰状态，而在公司更名后尚在日本国境内使用的“National”亦已经于2009年起停用。

参考资料来源：百度百科-松下

日本名牌 (乐声牌)的英文名

日本名牌 (乐声牌)的英文名应该是 Panasonic.

松下电器

松下电器产业株式会社（日语：まつしたでんきさんぎょう；英语：Matsushita Electric Industrial Co., Ltd.）是日本的大型电器制造公司，总公司设于大阪。

概况

松下电器于1918年由松下幸之助在大阪创立，创业时做的是电灯灯座。1927年 *** 自行车用的车灯。1951年松下幸之助到美国，打开了松下电器在美国的市场，最初的产品是电视机，他与飞利浦签定了技术合作合约，将西方的技术带到日本。因此让松下电器从1950年代到1970年代有突破性的成长。

松下电器的产品线极广，除了家电以外，还生产数位电子产品，如DVD、DV（数位摄影机）、MP3播放机、数位相机、液晶电视、笔记型电脑等。还扩及到电子零件、电工零件（如插座盖板）、半导体等。间接与直接转投资公司有数百家。

[编辑] 旗下品牌

National：1922年起创立的品牌，寓意“国民的”。台湾中文名称是“国际牌”。目前仅在日本国内的家电产品使用此品牌。

Panasonic (中国香港译名: 乐声,中国大陆译名：松下电器)：1955年起创立的品牌。松下电器进军美国时，原有的National品牌在美国已有公司注册，因此创立此品牌。现今为松下电器的主要品牌。

Technics：为松下的音响专用品牌。

Quasar：1974年松下购并美国摩托罗拉公司的家用电子部门时所继承的品牌，仅在北美洲的电子视听产品使用。

M：为松下银笑出品的电子零件（电容器等）因细小而无法雹搏迹打上品牌全名时所使用的替代标章。

KDK：为松下出品的空气流动电器，其产品和National一样，每有新的KDK产品推出，National都一定有同功能，同样式的产品推出，这是由于松下电器以两个品牌，去占有两个不同的市场，KDK以电工材料公司为目标，而National以家源并庭为主。

有些人会误把Rasonic(乐信牌)也当作松下电器的品牌，其实这是一种错觉。乐信牌只是中国香港的信兴集团旗下的子公司信兴电工工程有限公司自行开发的一个品牌。而因为松下电器的产品，其中港澳的总 *** 为信兴集团，所以易被人误解。 另外还有三角形的三叶松标章，是松下电器的公司标章，有「坚忍不拔」、「生成发展」、「协力一致」三种含义。

[编辑] 数码相机

松下电器旗下的数码相机系列为 "Lumix",参考: zh. *** /wiki/Panasonic,以前用 National,

几年前...转左个 Panasonic乐声牌,

果排卖行晒电视广告喇,其实之前我都对这两个品牌好混淆, 但之前公司接了一家名为松下电器产业株式会社Matsus h i t a Electric Industrial Co., Ltd 的Project 后, 因要做d调查, 后先一清二楚!

National 跟 Panasonic 都是松下公司的品牌, 前者创立于1922年, 目前应只有在日本境内才有此品牌, 并很少出口, 因为在国外 *** 的已用了其他名字, 若你还看到在中国香港出现national品牌的产品, 应该已有相当的年代/是水货了! 而panasonic其实在之后创立的, 在二次大战后, 松下公司引入了美国的电子科技, 产品比之前大为提高并开始进军美国市场, 可是当时在美国已有公司注册了national这名称作品牌, 所以松下公司在1955年便用了panasonic为他们进军外地市场了!

除了以上两个品牌, 近年在国内出产的rasonic都是松下公司的其中一个品牌呢! 若想知更多, 可看看松下的网页, 细看她的发展历史! 看完你便更加明白了

panasonic/history/corporate/h_pre

2007-04-22 01:55:07 补充：

忘记了解释最重要的, 其实"乐声" 是以前中国香港人以"national"品牌而取其音, 及后的"panasonic"因为取代了之前的"national", 所以人都称它为乐声了!!!,早在 70 年代 乐声牌进入中国香港市场时便称 National......直至 80 年代中

期 电器产品多元化 , 更高科技的产品应运而生所称便是 Panasonic....,Panasonic

panasonic.oa/,以前的家电产品叫National, 而音响及办公室产品叫Panasonic

但现在所有的产品叫Panasonic,参考: myself,其实两个名都得！

National系以前叫开的名，

Panasonic 就系近呢几年建立品牌新形象后先叫的名，

不过其实两个名都系乐声牌来！

2007-04-22 01:26:36 补充：

它们两个不同叫法的最显著分别系：1）以 National 为名，多为家庭电器，2）以 Panasonic 为名，多为影音器材。

2007-04-22 12:27:00 补充：

National：1922年起创立的品牌，寓意“国民的”。台湾中文名称是“国际牌”。目前仅在日本国内的家电产品使用此品牌。 Panasonic (中国香港译名: 乐声,中国大陆译名：松下电器)：1955年起创立的品牌。松下电器进军美国时，原有的National品牌在美国已有公司注册，因此创立此品牌。现今为松下电器的主要品牌。,参考: 自己所知,旧名是 National，现在已用 Panasonic 了。,应该系 Panasonic,参考: pakko/products?m=3dcb342345906bceafe9d809a46174f0offset=0,Panasonic,

my home light bulb,