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.

1.1.10 修改cookie的存储方式，去掉了js-cookie的库，修改为原生 cookie