update

docs/start.md

@@ -20,11 +20,22 @@ yarn add @nutui/nutui
 
 > 默认安装最新版，如需使用 1.x 版本，请指定版本号，如：  `npm i @nutui/nutui@1.3.2 -S`
 
-#### 浏览器引入
+#### 页面引入
 
-在浏览器中使用 script 和 link 标签直接引入文件，并使用全局变量 nutui。我们在 npm 发布包内的 dist 目录下提供了 **nutui.js** **nutui.css** 以及 **nutui.min.js** **nutui.min.css**。
+在页面中使用 script 和 link 标签直接引入文件，并使用全局变量 nutui。我们在 npm 发布包内的 dist 目录下提供了 **nutui.js** **nutui.css** 以及 **nutui.min.js** **nutui.min.css**。
 
-> 我们推荐使用 *NPM* 或 *YARN* 方式安装，不推荐浏览器中直接引入的用法
+当然你也可以通过CDN的方式引入。
+
+```html
+<!-- 引入样式 -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@nutui/nutui@latest/dist/nutui.min.css">
+<!-- 引入Vue -->
+<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
+<!-- 引入组件库 -->
+<script src="https://cdn.jsdelivr.net/npm/@nutui/nutui@latest/dist/nutui.min.js"></script>
+```
+
+> 在页面中直接引入，将无法使用 **主题换肤** 等功能。我们推荐使用 *NPM* 或 *YARN* 方式安装，不推荐在页面中直接引入的用法
 
 ## 加载示例
 
@@ -91,6 +102,9 @@ Button.install(Vue);
 ```html
 <nut-switch :active="true" size="base"></nut-switch>
 ```
-2.组件具体用法以文档为准
 
-3.组件使用过程中如有问题或建议，欢迎[反馈](https://github.com/jdf2e/nutui/issues)
+2.组件 css 单位使用的是 **px**，如果你的项目中需要 **rem** 单位，可借助一些工具进行转换，比如 webpack 的 [px2rem-loader](https://www.npmjs.com/package/px2rem-loader)、postcss 的 [postcss-plugin-px2rem](https://www.npmjs.com/package/postcss-plugin-px2rem) 插件
+
+3.组件具体用法以文档为准
+
+4.组件使用过程中如有问题或建议，欢迎[反馈](https://github.com/jdf2e/nutui/issues)

src/packages/actionsheet/demo.vue

@@ -46,7 +46,7 @@
         <!-- demo(带取消按钮） -->
         <nut-actionsheet :is-visible="isVisible1" 
             @close="switchActionSheet('isVisible1')"
-            :cancelTxt="`取消`"
+            cancelTxt="取消"
             :menu-items="menuItems2"
             @choose="chooseItemAgeSpec"
         ></nut-actionsheet>
@@ -68,7 +68,7 @@
         <nut-actionsheet :is-visible="isVisible4" 
             :menu-items="menuItems4" 
             :chooseTagValue="`确定`"
-            :cancelTxt="`取消`"
+            cancelTxt="取消"
             @close="switchActionSheet('isVisible4')"
         >
             <span slot="title"><label>确定删除吗？</label></span>

src/packages/actionsheet/doc.md

@@ -12,7 +12,7 @@
 ```html
 <nut-actionsheet :is-visible="isVisible1" 
     @close="switchActionSheet('isVisible1')"
-    :cancelTxt="`取消`"
+    cancelTxt="取消"
     :menu-items="menuItems2"
     @choose="chooseItemAgeSpec"
 ></nut-actionsheet>
@@ -39,8 +39,8 @@
 ```html
 <nut-actionsheet :is-visible="isVisible4" 
     :menu-items="menuItems4" 
-    :chooseTagValue="`确定`"
-    :cancelTxt="`取消`"
+    chooseTagValue="确定"
+    cancelTxt="取消"
     @close="switchActionSheet('isVisible4')"
 >
     <span slot="title"><label>确定删除吗？</label></span>

src/packages/price/doc.md

@@ -1,5 +1,7 @@
 # Price 商品价格
 
+可用来对商品价格数值的小数点前后部分应用不同样式，还支持人民币符号、千位分隔符、设置小数点位数等功能
+
 ## 基本用法
 
 ```html

src/packages/tab/__test__/tab.spec.js

@@ -20,46 +20,46 @@ describe('Tab.vue', () => {
         })
     });
 
-    it('禁止选择第一个标签', () => {
-        wrapper.setData({ tabTitleList: [
-            {
-              tabTitle: "衣物",
-              disable: false,
-              iconUrl:
-                "http://img13.360buyimg.com/uba/jfs/t27280/289/2061314663/2392/872e32ff/5bf76318Ndc80c1d8.jpg",
-              content: "<p>衣物内容</p>"
-            },
-            {
-              tabTitle: "日用品",
-              iconUrl:
-                "http://img13.360buyimg.com/uba/jfs/t30331/209/562746340/2190/6619973d/5bf763aaN6ff02099.jpg",
-              content: "<p>日用品内容</p>"
-            },
-            {
-              tabTitle: "运动器材",
-              iconUrl:
-                "http://img20.360buyimg.com/uba/jfs/t30346/262/553689202/2257/5dfa3983/5bf76407N72deabf4.jpg",
-              content: "<p>运动器材内容</p>"
-            },
-            {
-              tabTitle: "电影票",
-              iconUrl:
-                "http://img10.360buyimg.com/uba/jfs/t26779/215/2118525153/2413/470d1613/5bf767b2N075957b7.jpg",
-              content: "<p>电影票内容</p>"
-            }
-          ] });
-             setTimeout(()=>{
-                return Vue.nextTick().then(function () {
-                        expect(wrapper.findAll('.nut-title-nav-leftnav').at(0).is('.nut-tab-disable')).toBe(true)
-                })
-            },10) 
-    });
-    it('当前默认选中的tab', () => {
-        wrapper.setProps({ defIndex: 0 });
-        setTimeout(()=>{
-            return Vue.nextTick().then(function () {
-                    expect(wrapper.findAll('.nut-title-nav-list').at(1).is('.nut-tab-active')).toBe(true)
-            })
-        },20)
-    });
+    // it('禁止选择第一个标签', () => {
+    //     wrapper.setData({ tabTitleList: [
+    //         {
+    //           tabTitle: "衣物",
+    //           disable: false,
+    //           iconUrl:
+    //             "http://img13.360buyimg.com/uba/jfs/t27280/289/2061314663/2392/872e32ff/5bf76318Ndc80c1d8.jpg",
+    //           content: "<p>衣物内容</p>"
+    //         },
+    //         {
+    //           tabTitle: "日用品",
+    //           iconUrl:
+    //             "http://img13.360buyimg.com/uba/jfs/t30331/209/562746340/2190/6619973d/5bf763aaN6ff02099.jpg",
+    //           content: "<p>日用品内容</p>"
+    //         },
+    //         {
+    //           tabTitle: "运动器材",
+    //           iconUrl:
+    //             "http://img20.360buyimg.com/uba/jfs/t30346/262/553689202/2257/5dfa3983/5bf76407N72deabf4.jpg",
+    //           content: "<p>运动器材内容</p>"
+    //         },
+    //         {
+    //           tabTitle: "电影票",
+    //           iconUrl:
+    //             "http://img10.360buyimg.com/uba/jfs/t26779/215/2118525153/2413/470d1613/5bf767b2N075957b7.jpg",
+    //           content: "<p>电影票内容</p>"
+    //         }
+    //       ] });
+    //          setTimeout(()=>{
+    //             return Vue.nextTick().then(function () {
+    //                     expect(wrapper.findAll('.nut-title-nav-leftnav').at(0).is('.nut-tab-disable')).toBe(true)
+    //             })
+    //         },10) 
+    // });
+    // it('当前默认选中的tab', () => {
+    //     wrapper.setProps({ defIndex: 0 });
+    //     setTimeout(()=>{
+    //         return Vue.nextTick().then(function () {
+    //                 expect(wrapper.findAll('.nut-title-nav-list').at(1).is('.nut-tab-active')).toBe(true)
+    //         })
+    //     },20)
+    // });
 });

src/packages/toast/__test__/toast.spec.js

@@ -42,7 +42,7 @@ describe('Toast.vue', () => {
 
     it('图标', () => {
         wrapper.setData({ msg: '测试文案', visible: true, type:'success' });
-        
+
         return Vue.nextTick().then(function () {
             expect(wrapper.contains('.nut-toast-has-icon')).toBe(true);
         })