# 亚洲龙

**Repository Path**: wspWork/yzl

## Basic Information

- **Project Name**: 亚洲龙
- **Description**: 亚洲龙
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://wspwork.gitee.io/yzl/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-06-04
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 介绍


## [浏览地址](http://wspwork.gitee.io/yzl/)


## 使用插件


### 安装自定义插件[@vogso/wsp](https://www.npmjs.com/package/@vogso/wsp)


>cnpm i -S  @vogso/wsp


### 安装插件[flexible](https://blog.csdn.net/weixin_41424247/article/details/80867351)


#### 安装lib-flexible（根据屏幕宽度计算html的px值）


>cnpm i --save lib-flexible


#### 安装postcss-loader和postcss-px2rem


>cnpm i -D postcss-loader postcss-px2rem


#### 使用lib-flexible（px值转rem）


```js
// main.js
import 'lib-flexible/flexible.js'
```


#### 配置px2rem（750宽度 remUnit=>75）


```js
// vue.config.js
module.exports = {
  css: {
    loaderOptions: {
      css: { },
      postcss: {
        plugins: [require('postcss-px2rem')({
          remUnit: 75
        })]
      }
    }
  }
}
```


### 安装时间选择插件[vue-hash-calendar](https://github.com/TangSY/vue-hash-calendar)


#### 1.安装


>cnpm i vue-hash-calendar --save


#### 2.使用



```js
// main.js
import vueHashCalendar from 'vue-hash-calendar'
// 引入组件 CSS 样式
import 'vue-hash-calendar/lib/vue-hash-calendar.css'
// 注册组件库
Vue.use(vueHashCalendar)
```


```html
<!-- test-drive-box.vue -->
<vue-hash-calendar
    :visible.sync="isShowCalendar"
    model="dialog"
    :disabled-date="disabledDate"
    @confirm="onConfirmCalendar"
    :default-datetime="new Date(new Date().getTime()+24*60*60*1000)"
    format="YY-MM-DD hh:mm"
    :show-today-button="false"
  ></vue-hash-calendar>
```


```js
// test-drive-box.vue
export default {
 methods: {
    //显示时间
    onClickModels() {
      this.isShowCalendar = true;
    },
    //点击确认选择时间按钮
    onConfirmCalendar(e) {
      this.val_t = e;
    },
    //禁用今日之前所有日期 包含今日
    disabledDate(date) {
      let timestamp = date.getTime();
      if (timestamp < new Date().getTime()) {
        return true;
      }
      return false;
    }
  }
}
```



### 安装url-lodaer