1.1.1 • Published 3 years ago
component_test_ryl v1.1.1
component_test_ryl
聚达鼎盛的组件
Build Setup
# install dependencies
npm install
# 所有子方法
# 1.saas主题(特定情况)
# 2.弹窗询问框 -- handConfirm
# 3.弹出层 -- handDialog
# 4.分页 -- handPaging
# 5.数字or金额输入框 -- input
# 6.cookie -- 存储(可以用,但是没维护了,新包在 js_ryl 中)
# 使用方法:
# 1.saas主题(特定情况)不做说明
# 2.弹窗询问框 -- handConfirm
# this.$handConfirm(
# "您可以选择进入员工登录或复制该域名!", -- 必须传
# true, 显示几个按钮,true为2个按钮,false为一个按钮 -- 默认true
# "warning", 展示图标 -- 默认warning
# "进入系统", 确认按钮的名称 -- 默认确定
# "复制域名" 取消按钮的名称 -- 默认取消
# )
# .then(() => {
# // window.open("https://www.baidu.com"); 确定事件的事件
# })
# .catch(() => {
# // window.open("https://www.taobao.com"); 只有一个按钮时,catch这个函数不用谢
# });
# 3.弹出层 -- handDialog
# <hand-dialog
# :visible="isShow" 弹窗名称
# title="测试看看1"
# :width="500"
# :btnCount="1" 默认2个按钮,传1时,显示一个按钮
# :confirmText="'自定义确定按钮的名称'"
# :cancelText="'自定义取消按钮的名称'"
# @cancel="取消按钮的事件"
# @confirm="确定按钮的事件"
# >
# <div slot="content">
# 插槽中的内容
# </div>
# </hand-dialog>
# 4.分页 -- handPaging
# <handPaging
# :total="210" -- 总条数
# :page.sync="searchForm.page" -- 当前页
# :limit="20" -- 每页展示条数
# :showCurrentTotal="false" -- 是否显示每页分页条数(就是控制每页10条/15条)
# @reload="getList" -- 触发翻页时的函数,返回有个对象,用里面的page字段就行,代表当前页码
# />
# 5.数字or金额输入框 -- handInput
# <handInput
# v-model="initInputName"
# placeholder="请输入整数"
# size="medium" // 默认 small
# :inputMax="300" // 最大值
# :maxlength="8" // 最大输入长度
# :disabled="false" // 禁用
# :precision="2" //保留小数点位数 不传,则只能输入整数
# />
# 6.自定义指令 -- directives
# v-lay -- 图片懒加载
# 方法:
# <img v-lazy="{url: '图片地址',default:'默认地址'}" />
# v-password -- 密码输入框 眼睛图标
# 方法:
# <el-input v-model="pwd" v-password /> 默认黑色
# <el-input v-model="pwd" v-password="{ color: 'green' }" /> 设置图标颜色
# v-number -- 只能输入数字 -- 可传入传参max,表示最大值
# 方法:
# <el-input v-model="pwd" v-number />
# v-money -- 只能输入金额,默认2位小数 -- 可传入传参max,表示最大值
# 方法:
# <el-input v-model="pwd" v-money />
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
For detailed explanation on how things work, consult the docs for vue-loader.