vue-slider-component - npm Package Compare versions

Comparing version 3.0.23 to 3.0.24

package.json

		{
		"name": "vue-slider-component",
		"version": "3.0.23",
		"version": "3.0.24",
		"description": "A highly customized slider component",
		@@ -5,0 +5,0 @@ "keywords": [

README.md

		@@ -27,3 +27,3 @@

		Live Demo：<https://jsfiddle.net/NightCatSama/2xy72dod/10335/>
		Live Demo：<https://jsfiddle.net/NightCatSama/2xy72dod/10339/>

		@@ -30,0 +30,0 @@

src/main.ts

		@@ -8,2 +8,3 @@ import 'core-js/modules/es7.array.flat-map'
		import router from './router'

		import Vuep from 'vuep'
		@@ -13,5 +14,3 @@ import 'vuep/dist/vuep.css'
		import Example from './components/Example.vue'

		import VueSlider from '../lib'

		import { getTheme } from './utils'
		@@ -32,5 +31,3 @@
		Vue.use(Vuep)

		Vue.component('Example', Example)

		Vue.component('VueSlider', VueSlider)
		@@ -37,0 +34,0 @@

src/pages/Style.md

		@@ -29,6 +29,18 @@ # Style theme

		```ts
		```html
		<link ref="stylesheel" href="https://cdn.jsdelivr.net/npm/vue-slider-component@latest/theme/default.css">
		```

		### Use `@import` in `scss`

		You can easily implement custom styles by configuring scss variables, more available variables can refer to the [theme files](https://github.com/NightCatSama/vue-slider-component/blob/master/lib/theme/default.scss).

		```scss
		/* Set the theme color of the component */
		$themeColor: #3498db;

		/* import theme style */
		@import '~vue-slider-component/lib/default.scss';
		```

		## Self-built theme
		@@ -35,0 +47,0 @@

src/pages/zh-CN/Style.md

		@@ -33,2 +33,14 @@ # 样式主题

		### 使用 `@import` 导入 `scss` 文件

		通过使用 scss 变量轻松实现自定义样式，更多可用变量可以参考[主题文件](https://github.com/NightCatSama/vue-slider-component/blob/master/lib/theme/default.scss).

		```scss
		/* 设置组件的主题颜色 */
		$themeColor: #3498db;

		/* 导入主题样式 */
		@import '~vue-slider-component/lib/default.scss';
		```

		## 自建主题
		@@ -35,0 +47,0 @@

dist-css/vue-slider-component.common.js.map