一种基于Vue+SVG的高可定制星级评分方法及装置与流程

一种基于vue+svg的高可定制星级评分方法及装置
技术领域
1.本技术涉及计算机技术领域，特别涉及一种基于vue+svg的高可定制星级评分方法及装置。

背景技术：

2.在互联网平台业务中，不论是pc web端，还是移动端，经常会应用到星级评分功能。
3.目前，一般通过在用户触发屏幕时，加载项目本地或者网络上现有的星星图片来实现评分功能，但是，这种方式会耗费网络资源，且会出现卡顿的情况，导致用户使用体验差。

技术实现要素：

4.本技术提供如下技术方案：
5.本技术一方面提供一种基于vue+svg的高可定制星级评分方法，包括：
6.响应于第一触发事件，定制多个星级图形，在评分界面中显示多个所述星级图形；
7.响应于对所述星级图形的操作，确定所述星级图形的调整信息；
8.基于所述调整信息，确定所述星级图形对应的星级评分，以及将所述星级图形从第一显示状态切换为第二显示状态，所述第一显示状态与所述第二显示状态不同。
9.可选的，定制多个星级图形，包括：
10.接入vue文件，基于所述vue文件创建单页面web应用；
11.定义入口文件及入口方法，响应于入口文件及入口方法的调用请求，将星级评分组件接入所述单页面web应用；
12.从所述单页面web应用中获取针对所述星级评分组件中参数配置的值，将针对所述星级评分组件中参数配置的值配置到所述星级评分组件；
13.基于所述星级评分组件，定制多个星级图形。
14.可选的，所述星级评分组件中参数包括：星级图形个数、星级图形显示属性及以下至少一种：用于设置所述星级图形所对应显示状态调整方式的第一参数，用于设置所述星级图形所对应的评分数据格式的第二参数，用于设置初始星级评分的数值的第三参数。
15.可选的，基于所述星级评分组件，定制多个星级图形，包括：
16.基于所述星级评分组件，绘制单个星级图形；
17.基于所述星级图形个数，对所述单个星级图形进行复制处理，得到多个星级图形，多个所述星级图形的个数为所述星级图形个数。
18.可选的，响应于对所述星级图形的操作，确定所述星级图形的调整信息，包括：
19.响应于对所述星级图形的触摸操作或点击操作，确定所述触摸操作或所述点击操作对应的接触点在所述星级图形中的位置，确定所述位置在设定方向上与所述星级图形中参考点之间的相对偏移量；
20.基于所述相对偏移量确定所述星级图形的调整比例。
21.可选的，基于所述调整信息，确定所述星级图形对应的星级评分，以及将所述星级图形从第一显示状态切换为第二显示状态，包括：
22.将所述调整比例与所述星级图形对应的满分相乘，得到所述星级图形对应的星级评分；
23.将所述星级图形中所述调整比例对应的图形区域从第一显示状态切换为第二显示状态。
24.可选的，响应于对所述星级图形的操作，确定所述星级图形的调整信息，包括：
25.响应于对所述星级图形的操作，若所述星级图形之前排列有其它星级图形，确定所述星级图形的第一调整信息及排列在所述星级图形之前的星级图形的第二调整信息。
26.本技术另一方面提供一种基于vue+svg的高可定制星级评分装置，包括：
27.定制模块，用于响应于第一触发事件，定制多个星级图形；
28.显示模块，用于在评分界面中显示多个所述星级图形；
29.第一确定模块，用于响应于对所述星级图形的操作，确定所述星级图形的调整信息；
30.第二确定模块，用于基于所述调整信息，确定所述星级图形对应的星级评分；
31.切换模块，用于基于所述调整信息，将所述星级图形从第一显示状态切换为第二显示状态，所述第一显示状态与所述第二显示状态不同。
32.可选的，所述定制模块，具体用于：
33.接入vue文件，基于所述vue文件创建单页面web应用；
34.定义入口文件及入口方法，响应于入口文件及入口方法的调用请求，将星级评分组件接入所述单页面web应用；
35.从所述单页面web应用中获取针对所述星级评分组件中参数配置的值，将针对所述星级评分组件中参数配置的值配置到所述星级评分组件；
36.基于所述星级评分组件，定制多个星级图形。
37.可选的，所述星级评分组件中参数包括：星级图形个数、星级图形显示属性及以下至少一种：用于设置所述星级图形所对应显示状态调整方式的第一参数，用于设置所述星级图形所对应的评分数据格式的第二参数，用于设置初始星级评分的数值的第三参数。
38.与现有技术相比，本技术的有益效果为：
39.在本技术中，通过响应于第一触发事件，定制多个星级图形，在评分界面中显示多个所述星级图形，响应于对所述星级图形的操作，确定所述星级图形的调整信息，基于所述调整信息，确定所述星级图形对应的星级评分，以及将所述星级图形从第一显示状态切换为第二显示状态，实现星级评分功能，以及在评分界面渲染星级图形，不需要加载现有图形，可以避免因网络延迟等因素导致的渲染卡顿情况，改善用户使用体验，且可以节省网络资源。
附图说明
40.为了更清楚地说明本技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于
本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
41.图1是本技术实施例1提供的一种基于vue+svg的高可定制星级评分方法的流程示意图；
42.图2是本技术提供的一种星级评分组件的交互示意图；
43.图3是本技术实施例2提供的一种基于vue+svg的高可定制星级评分方法的流程示意图；
44.图4是本技术提供的一种基于vue+svg的高可定制星级评分装置的结构示意图。
具体实施方式
45.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
46.为使本技术的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本技术作进一步详细的说明。
47.参照图1，为本技术实施例1提供的一种基于vue+svg的高可定制星级评分方法的流程示意图，如图1所示，该方法可以包括但并不局限于以下步骤：
48.步骤s11、响应于第一触发事件，定制多个星级图形，在评分界面中显示多个所述星级图形。
49.本实施例中，第一触发事件可以用于定制星级图形及显示星级图形。
50.星级图形可以为但不局限于：svg图形。svg图形是基于可扩展标记语言，用于描述二维矢量图形的一种图形格式。
51.本实施例中，可以但不局限于在打开评分界面时生成第一触发事件；或，可以但不局限于在调起星级评分功能时生成第一触发事件。
52.定制多个星级图形，可以包括但不局限于以下步骤：
53.s111、接入vue文件，基于所述vue文件创建单页面web应用。
54.本实施例中，可以在接入方接入vue文件。vue文件为基于vue.js编写的文件，vue.js是一套用于构建用户界面的渐进式javascript框架。
55.单页面web应用可以理解为：加载单个html页面并在用户与应用程序交互时动态更新该页面的web应用程序。
56.s112、定义入口文件及入口方法，响应于入口文件及入口方法的调用请求，将星级评分组件接入所述单页面web应用。
57.入口文件及入口方法可以用于作为接入方的访问入口。
58.本实施例中，可以通过import方法将星级评分组件接入所述单页面web应用。
59.s113、从所述单页面web应用中获取针对所述星级评分组件中参数配置的值，将针对所述星级评分组件中参数配置的值配置到所述星级评分组件。
60.本实施例中，可以通过props通道从所述单页面web应用中获取针对所述星级评分组件中参数配置的值。
61.所述星级评分组件中参数包括：星级图形个数、星级图形显示属性及以下至少一种：用于设置所述星级图形所对应显示状态调整方式的第一参数，用于设置所述星级图形所对应的评分数据格式的第二参数，用于设置初始星级评分的数值的第三参数。
62.显示状态调整方式可以包括但不局限于：按调整比例调整显示状态的方式；或，直接调整整个星级图形的显示状态的方式。例如，若第一参数为true，设置星级图形的显示状态调整方式为按调整比例调整显示状态的方式，若调整比例为50％，则调整星级图形中50％的图形区域的显示状态；若第一参数为false，设置星级图形的显示状态调整方式为直接调整整个星级图形的显示状态的方式，若点击或触摸星级图形，则将整个星级图形的显示状态进行调整。
63.评分数据格式可以反映星级评分的最小分数颗粒，例如，若评分数据格式为精确到小数点后两位，即精确到0.01，星级评分的最小分数颗粒为0.01。
64.初始星级评分可以根据需要进行设置，在本技术中不做限制。例如，若初始星级评分为3分，星级图形的个数为5，星级图形对应的星级评分为1分，则基于星级评分组件，定制5个星级图形时，其中前三个星级图形为第二显示状态，后两个星级图形为第一显示状态。
65.星级图形显示属性可以包括但不局限于以下至少一种：
66.(1)svg中的《polygon》标签中的points、fill、stroke、stroke-width、stroke-linejoin等属性；
67.其中，《polygon》是svg的多边形标签，用来创建含有不少于三个边的图形；points、fill、stroke、stroke-width、stroke-linejoin均为《polygon》的内置属性。points属性定义多边形每个角的x和y坐标；fill属性定义多边形填充的颜；stroke定义多边形边框颜；stroke定义多边形边框宽度；stroke-linejoin属性表示使用尖角链接边框的两端以形成尖角；
68.(2)svg中的《lineargradient》标签中的《stop》标签、offset、stop-color、stop-opacity等属性；
69.《lineargradient》元素用来定义一个线性渐变。渐变的颜范围可由两种或多种颜组成。每种颜通过一个《stop》标签来规定。offset属性用来定义渐变的开始和结束位置。stop-color表示结束时颜，stop-opacity表示结束时不透明度；
70.(3)滤镜标签《filter》中的《fegaussianblur》、《femerge》标签、filterunits等属性，该属性用于对星级图形添加滤镜效果，进一步提高用户体验；
71.《fegaussianblur》、《femerge》表示svg滤镜。
72.《fegaussianblur》表示高斯模糊滤镜，元素基于输入图元中提供的标准偏差，向图形添加平滑的模糊；
73.《femerge》滤镜允许同时应用滤镜效果而不是按顺序应用滤镜效果。
74.filterunits属性定义滤镜坐标系。
75.本实施例中，在从所述单页面web应用中未获取针对所述星级评分组件中参数配置的值的情况下，可以直接使用《star-score》《/star-score》标签设置的星级评分组件中参数的默认值，对星级评分组件进行配置。
76.s114、基于所述星级评分组件，定制多个星级图形。
77.本步骤可以包括但不局限于：
78.s1141、基于所述星级评分组件，绘制单个星级图形；
79.s1142、基于所述星级图形个数，对所述单个星级图形进行复制处理，得到多个星级图形，多个所述星级图形的个数为所述星级图形个数。
80.通过绘制单个星级图形，并基于星级图形个数，对单个星级图形进行复制处理，可以缩短定制多个星级图形的时间，提高定制效率。
81.本实施例中，每个星级图形可以分别对应一个整数元素，整数元素的最大值为100，最小值为0。基于整数元素可以确定星级评分。
82.步骤s12、响应于对所述星级图形的操作，确定所述星级图形的调整信息。
83.本步骤，可以包括但不局限于：
84.s121、响应于对所述星级图形的触摸操作或点击操作，确定所述触摸操作或所述点击操作对应的接触点在所述星级图形中的位置，确定所述位置在设定方向上与所述星级图形中参考点之间的相对偏移量；
85.s122、基于所述相对偏移量确定所述星级图形的调整比例。
86.基于所述相对偏移量确定所述星级图形的调整比例，可以包括：利用如下关系式计算所述星级图形的调整比例：
87.调整比例＝offsetx/size；
88.offsetx为相对偏移量，size为所述星级图形的大小。
89.步骤s13、基于所述调整信息，确定所述星级图形对应的星级评分，以及将所述星级图形从第一显示状态切换为第二显示状态，第一显示状态与第二显示状态不同。
90.本实施例中，如图2所示，可以将调整信息通过emits event传递给星级评分组件，星级评分组件基于调整信息，确定星级图形对应的星级评分之后，可以通过emits event传递星级评分给接入方。
91.对应步骤s121-s122，本步骤可以包括：
92.s131、将所述调整比例与所述星级图形对应的满分相乘，得到所述星级图形对应的星级评分。
93.例如，若所述星级图形对应的满分为1分，所述调整比例为80％，得到所述星级图形对应的星级评分为0.8分。
94.s132、将所述星级图形中所述调整比例对应的图形区域从第一显示状态切换为第二显示状态。
95.本实施例中，可以按照设定调整方向将所述星级图形中所述调整比例对应的图形区域从第一显示状态切换为第二显示状态。例如，若所述调整比例为80％，可以按照从左至右的方向将所述星级图形的80％的图形区域从未点亮状态切换为点亮状态。
96.在本实施例中，通过响应于第一触发事件，定制多个星级图形，在评分界面中显示多个所述星级图形，响应于对所述星级图形的操作，确定所述星级图形的调整信息，基于所述调整信息，确定所述星级图形对应的星级评分，以及将所述星级图形从第一显示状态切换为第二显示状态，实现星级评分功能，以及在评分界面渲染星级图形，不需要加载现有图形，可以避免因网络延迟等因素导致的渲染卡顿情况，改善用户使用体验，且可以节省网络资源。
97.并且，通过使用vue.js框架封装成文件及星级评分组件直接导入接入方中，可以
帮助开发者快速开发更优质的星级评分功能。
98.本技术适用于互联网web和h5项目，尤其是涉及到需要使用评分功能的项目，开发者能快速接入和定制需要的评分装置模块，提高开发效率和用户体验。
99.作为本技术另一可选实施例，参照图3，为本技术提供的一种基于客户端渲染的地图掩膜方法实施例2的流程示意图，本实施例主要是对上述实施例1描述的基于客户端渲染的地图掩膜方法的细化方案，该方法可以包括但不局限于以下步骤：
100.步骤s21、响应于第一触发事件，定制多个星级图形，在评分界面中显示多个所述星级图形。
101.步骤s22、响应于对所述星级图形的操作，若所述星级图形之前排列有其它星级图形，确定所述星级图形的第一调整信息及排列在所述星级图形之前的星级图形的第二调整信息。
102.步骤s22为实施例1中步骤s12的一种具体实施方式。
103.步骤s23、基于所述第一调整信息，确定所述星级图形对应的星级评分及将所述星级图形从第一显示状态切换为第二显示状态，基于所述第二调整信息，确定排列在所述星级图形之前的星级图形对应的星级评分以及将排列在所述星级图形之前的星级图形从第一显示状态切换为第二显示状态，所述第一显示状态与所述第二显示状态不同。
104.基于所述第一调整信息，确定所述星级图形对应的星级评分的方式可以参见实施例1中的相关介绍，在此不再赘述。
105.基于所述第二调整信息，确定排列在所述星级图形之前的星级图形对的星级评分为满分。例如，若有5个星级图形，对从左至右排列在第3个的星级图形进行操作，响应于对第3个星级图形的操作，基于第二调整信息，确定第3个星级图形之前的2个星级图形对应的星级评分均为满分，若第一调整信息为调整比例50％，确定第3个星级图形对应的星级评分为0.5分，其中，满分为1分。
106.步骤s23为实施例1中步骤s13的一种具体实施方式。
107.本实施例中，通过响应于对所述星级图形的操作，若所述星级图形之前排列有其它星级图形，确定所述星级图形的第一调整信息及排列在所述星级图形之前的星级图形的第二调整信息，可以实现同时对多个星级图形的显示状态进行调整，提高调整显示状态的效率及星级评分的效率。
108.接下来对本技术提供的一种基于vue+svg的高可定制星级评分装置进行介绍，下文介绍的基于vue+svg的高可定制星级评分装置与上文介绍的基于vue+svg的高可定制星级评分方法可相互对应参照。
109.请参见图4，基于vue+svg的高可定制星级评分装置包括：定制模块100、显示模块200、第一确定模块300、第二确定模块400和切换模块500。
110.定制模块100，用于响应于第一触发事件，定制多个星级图形。
111.显示模块200，用于在评分界面中显示多个所述星级图形。
112.第一确定模块300，用于响应于对所述星级图形的操作，确定所述星级图形的调整信息。
113.第二确定模块400，用于基于所述调整信息，确定所述星级图形对应的星级评分。
114.切换模块500，用于基于所述调整信息，将所述星级图形从第一显示状态切换为第
二显示状态，所述第一显示状态与所述第二显示状态不同。
115.所述定制模块100，具体可以用于：
116.接入vue文件，基于所述vue文件创建单页面web应用；
117.定义入口文件及入口方法，响应于入口文件及入口方法的调用请求，将星级评分组件接入所述单页面web应用；
118.从所述单页面web应用中获取针对所述星级评分组件中参数配置的值，将针对所述星级评分组件中参数配置的值配置到所述星级评分组件；
119.基于所述星级评分组件，定制多个星级图形。
120.所述星级评分组件中参数包括：星级图形个数、星级图形显示属性及以下至少一种：用于设置所述星级图形所对应显示状态调整方式的第一参数，用于设置所述星级图形所对应的评分数据格式的第二参数，用于设置初始星级评分的数值的第三参数。
121.本实施例中，定制模块100基于所述星级评分组件，定制多个星级图形的过程，具体可以包括：
122.基于所述星级评分组件，绘制单个星级图形；
123.基于所述星级图形个数，对所述单个星级图形进行复制处理，得到多个星级图形，多个所述星级图形的个数为所述星级图形个数。
124.本实施例中，第一确定模块300，具体可以用于：
125.响应于对所述星级图形的触摸操作或点击操作，确定所述触摸操作或所述点击操作对应的接触点在所述星级图形中的位置，确定所述位置在设定方向上与所述星级图形中参考点之间的相对偏移量；
126.基于所述相对偏移量确定所述星级图形的调整比例。
127.本实施例中，第二确定模块400，具体可以用于：将所述调整比例与所述星级图形对应的满分相乘，得到所述星级图形对应的星级评分。
128.切换模块500，具体可以用于：
129.将所述星级图形中所述调整比例对应的图形区域从第一显示状态切换为第二显示状态。
130.本实施例中，第一确定模块300，具体可以用于：
131.响应于对所述星级图形的操作，若所述星级图形之前排列有其它星级图形，确定所述星级图形的第一调整信息及排列在所述星级图形之前的星级图形的第二调整信息。
132.需要说明的是，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
133.最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
134.为了描述的方便，描述以上装置时以功能分为各种模块分别描述。当然，在实施本技术时可以把各模块的功能在同一个或多个软件和/或硬件中实现。
135.通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本技术可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如rom/ram、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本技术各个实施例或者实施例的某些部分所述的方法。
136.以上对本技术所提供的一种基于vue+svg的高可定制星级评分方法及装置进行了详细介绍，本文中应用了具体个例对本技术的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本技术的方法及其核心思想；同时，对于本领域的一般技术人员，依据本技术的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本技术的限制。

技术特征：

1.一种基于vue+svg的高可定制星级评分方法，其特征在于，包括：响应于第一触发事件，定制多个星级图形，在评分界面中显示多个所述星级图形；响应于对所述星级图形的操作，确定所述星级图形的调整信息；基于所述调整信息，确定所述星级图形对应的星级评分，以及将所述星级图形从第一显示状态切换为第二显示状态，所述第一显示状态与所述第二显示状态不同。2.根据权利要求1所述的方法，其特征在于，定制多个星级图形，包括：接入vue文件，基于所述vue文件创建单页面web应用；定义入口文件及入口方法，响应于入口文件及入口方法的调用请求，将星级评分组件接入所述单页面web应用；从所述单页面web应用中获取针对所述星级评分组件中参数配置的值，将针对所述星级评分组件中参数配置的值配置到所述星级评分组件；基于所述星级评分组件，定制多个星级图形。3.根据权利要求2所述的方法，所述星级评分组件中参数包括：星级图形个数、星级图形显示属性及以下至少一种：用于设置所述星级图形所对应显示状态调整方式的第一参数，用于设置所述星级图形所对应的评分数据格式的第二参数，用于设置初始星级评分的数值的第三参数。4.根据权利要求2所述的方法，其特征在于，基于所述星级评分组件，定制多个星级图形，包括：基于所述星级评分组件，绘制单个星级图形；基于所述星级图形个数，对所述单个星级图形进行复制处理，得到多个星级图形，多个所述星级图形的个数为所述星级图形个数。5.根据权利要求1所述的方法，其特征在于，响应于对所述星级图形的操作，确定所述星级图形的调整信息，包括：响应于对所述星级图形的触摸操作或点击操作，确定所述触摸操作或所述点击操作对应的接触点在所述星级图形中的位置，确定所述位置在设定方向上与所述星级图形中参考点之间的相对偏移量；基于所述相对偏移量确定所述星级图形的调整比例。6.根据权利要求5所述的方法，其特征在于，基于所述调整信息，确定所述星级图形对应的星级评分，以及将所述星级图形从第一显示状态切换为第二显示状态，包括：将所述调整比例与所述星级图形对应的满分相乘，得到所述星级图形对应的星级评分；将所述星级图形中所述调整比例对应的图形区域从第一显示状态切换为第二显示状态。7.根据权利要求1-3任意一项所述的方法，其特征在于，响应于对所述星级图形的操作，确定所述星级图形的调整信息，包括：响应于对所述星级图形的操作，若所述星级图形之前排列有其它星级图形，确定所述星级图形的第一调整信息及排列在所述星级图形之前的星级图形的第二调整信息。8.一种基于vue+svg的高可定制星级评分装置，其特征在于，包括：定制模块，用于响应于第一触发事件，定制多个星级图形；
显示模块，用于在评分界面中显示多个所述星级图形；第一确定模块，用于响应于对所述星级图形的操作，确定所述星级图形的调整信息；第二确定模块，用于基于所述调整信息，确定所述星级图形对应的星级评分；切换模块，用于基于所述调整信息，将所述星级图形从第一显示状态切换为第二显示状态，所述第一显示状态与所述第二显示状态不同。9.根据权利要求8所述的装置，其特征在于，所述定制模块，具体用于：接入vue文件，基于所述vue文件创建单页面web应用；定义入口文件及入口方法，响应于入口文件及入口方法的调用请求，将星级评分组件接入所述单页面web应用；从所述单页面web应用中获取针对所述星级评分组件中参数配置的值，将针对所述星级评分组件中参数配置的值配置到所述星级评分组件；基于所述星级评分组件，定制多个星级图形。10.根据权利要求9所述的装置，其特征在于，所述星级评分组件中参数包括：星级图形个数、星级图形显示属性及以下至少一种：用于设置所述星级图形所对应显示状态调整方式的第一参数，用于设置所述星级图形所对应的评分数据格式的第二参数，用于设置初始星级评分的数值的第三参数。

技术总结

本申请提供了一种基于Vue+SVG的高可定制星级评分方法及装置，该方法包括：响应于第一触发事件，定制多个星级图形，在评分界面中显示多个星级图形；响应于对星级图形的操作，确定星级图形的调整信息；基于调整信息，确定星级图形对应的星级评分，以及将星级图形从第一显示状态切换为第二显示状态，第一显示状态与第二显示状态不同。第二显示状态不同。第二显示状态不同。