|
|
|
@ -5,64 +5,58 @@ |
|
|
|
|
|
|
|
<div class="ele-item"> |
|
|
|
<label for="">单选框：</label> |
|
|
|
<GuipRadio |
|
|
|
v-model="form.language" |
|
|
|
:options="languageOptions" |
|
|
|
label="选择语言" |
|
|
|
prop="language" |
|
|
|
@change="radioChange" |
|
|
|
:rules="rules.language"/> |
|
|
|
<GuipRadio v-model="form.language" :options="languageOptions" label="选择语言" prop="language" |
|
|
|
@change="radioChange" :rules="rules.language" /> |
|
|
|
</div> |
|
|
|
<div class="ele-item"> |
|
|
|
<label for="">下拉框：</label> |
|
|
|
<GuipSelect width="600px" |
|
|
|
v-model="form.card" label="卡片" prop="card" |
|
|
|
:options="options" defaultValue="选项1"/> |
|
|
|
<GuipSelect width="600px" v-model="form.card" label="卡片" prop="card" :options="options" |
|
|
|
defaultValue="选项1" /> |
|
|
|
</div> |
|
|
|
<div class="ele-item"> |
|
|
|
<label for="">表格：</label> |
|
|
|
<div > |
|
|
|
<h3 for="">表格：(表头自定义、自定义渲染、固定列)</h3> |
|
|
|
<GuipButton type="primary" @click="toggleAllSelection">全选按钮</GuipButton> |
|
|
|
|
|
|
|
<GuipTable :tableData="tableData" |
|
|
|
ref="multipleTable" |
|
|
|
@selectChange="handleSelectionChange" |
|
|
|
:multiple="true" |
|
|
|
autoColumn="true" width="900px"> |
|
|
|
<GuipTable :tableData="tableData" ref="multipleTable" @selectChange="handleSelectionChange" |
|
|
|
:multiple="true" autoColumn="true" width="900px"> |
|
|
|
<template slot="header"> |
|
|
|
<el-table-column prop="date" label="日期" width="180"></el-table-column> |
|
|
|
<el-table-column fixed prop="date" label="日期" width="180"></el-table-column> |
|
|
|
<el-table-column prop="name" label="姓名" width="150"></el-table-column> |
|
|
|
<el-table-column prop="name1" label="姓名" width="150"></el-table-column> |
|
|
|
<el-table-column prop="name2" label="姓名" width="150"></el-table-column> |
|
|
|
<el-table-column prop="name3" label="姓名" width="150"></el-table-column> |
|
|
|
<el-table-column prop="name4" label="姓名" width="150"></el-table-column> |
|
|
|
<el-table-column prop="name5" label="姓名" width="150"></el-table-column> |
|
|
|
<el-table-column prop="name6" label="姓名" width="150"></el-table-column> |
|
|
|
<el-table-column prop="name7" label="姓名" width="150"></el-table-column> |
|
|
|
<el-table-column prop="name8" label="姓名" width="150"></el-table-column> |
|
|
|
<el-table-column prop="name9" label="姓名" width="150"></el-table-column> |
|
|
|
<el-table-column prop="name11" label="姓名" width="150"></el-table-column> |
|
|
|
<el-table-column prop="name12" label="姓名" width="150"></el-table-column> |
|
|
|
<el-table-column prop="price" label="价格" width="150"> |
|
|
|
<!-- <template slot-scope="scope"> |
|
|
|
<span @click="handlePriceClick(scope.row)">{{ scope.row.price }}</span> |
|
|
|
</template> --> |
|
|
|
<!-- 气泡弹出框 后期样式自定义--> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<!-- <template slot-scope="scope"> |
|
|
|
<el-popover trigger="click" placement="top"> |
|
|
|
<!-- <p>姓名: {{ scope.row.name }}</p> |
|
|
|
<p>住址: {{ scope.row.address }}</p> --> |
|
|
|
<input type="text"> |
|
|
|
<div slot="reference" class="name-wrapper"> |
|
|
|
<el-tag size="medium">{{ scope.row.price }}</el-tag> |
|
|
|
</div> |
|
|
|
</el-popover> |
|
|
|
</template> |
|
|
|
</template> --> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="address" label="地址"> </el-table-column> |
|
|
|
<el-table-column prop="address" label="地址" width="200"> </el-table-column> |
|
|
|
<el-table-column prop="address1" label="地址测试"></el-table-column> |
|
|
|
<el-table-column prop="price" label="价格"> |
|
|
|
<el-table-column prop="price2" label="价格" width="300"> |
|
|
|
<!-- 自定义渲染内容 --> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<GuipSelect |
|
|
|
width="200px" |
|
|
|
@change="changeSelect(scope.row)" |
|
|
|
v-model="form.card" prop="card" |
|
|
|
:options="options" defaultValue="选项1"/> |
|
|
|
<GuipSelect width="200px" @change="changeSelect(scope.row)" v-model="form.card" |
|
|
|
prop="card" :options="options" defaultValue="选项1" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
fixed="right" |
|
|
|
label="操作" |
|
|
|
width="100"> |
|
|
|
<el-table-column fixed="right" label="操作" width="100"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div class="flex"> |
|
|
|
<el-button @click="handleClick(scope.row)" type="text">查看</el-button> |
|
|
|
@ -73,6 +67,37 @@ |
|
|
|
</template> |
|
|
|
</GuipTable> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div > |
|
|
|
<h3 for="">表格(带气泡框),内容自定义：</h3> |
|
|
|
<GuipTable :tableData="tableData" :key="random()" ref="multipleTable" @selectChange="handleSelectionChange" :multiple="true" |
|
|
|
autoColumn="true" width="900px" :columns="columns" @confirm="onConfirm" |
|
|
|
@cancel="onCancel"> |
|
|
|
<!-- 自定义姓名列的气泡框内容 --> |
|
|
|
<template #popover-content-name="{ row, column }"> |
|
|
|
<div> |
|
|
|
<GuipInput ref="GuipInput" width="252px" v-model="row[`edit_${column.prop}`]" label="排序" :prop="column.label" |
|
|
|
placeholder="这是" /> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template #popover-content-age="{ row, column }"> |
|
|
|
<GuipInput ref="GuipInput" width="252px" v-model="row[`edit_${column.prop}`]" label="年龄" :prop="column.label" |
|
|
|
placeholder="这是" unit="岁" > |
|
|
|
</GuipInput> |
|
|
|
</template> |
|
|
|
<!-- 自定义地址列的气泡框内容 --> |
|
|
|
<template #popover-content-address="{ row, column }"> |
|
|
|
<div> |
|
|
|
<p>自定义内容：{{ column.label }}</p> |
|
|
|
<el-select v-model="row[`edit_${column.prop}`]" placeholder="请选择"> |
|
|
|
<el-option label="北京市" value="北京市" /> |
|
|
|
<el-option label="上海市" value="上海市" /> |
|
|
|
<el-option label="广州市" value="广州市" /> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</GuipTable> |
|
|
|
</div> |
|
|
|
<div class="ele-item"> |
|
|
|
<label for="">文本域：</label> |
|
|
|
<GuipTextarea disabled :styleObject="styleObject" /> |
|
|
|
@ -81,33 +106,17 @@ |
|
|
|
|
|
|
|
<div class="ele-item"> |
|
|
|
<label for="">输入框：</label> |
|
|
|
<GuipInput |
|
|
|
ref="GuipInput" |
|
|
|
width="200px" |
|
|
|
height="30px" |
|
|
|
disabled |
|
|
|
placeholder="这是自定义默认提示语"/> |
|
|
|
<GuipInput ref="GuipInput" width="200px" height="30px" disabled placeholder="这是自定义默认提示语" /> |
|
|
|
|
|
|
|
<div style="width: 20px;height: 10px;"></div> |
|
|
|
|
|
|
|
<GuipInput |
|
|
|
ref="GuipInput" |
|
|
|
:styleObject="styleObject1" |
|
|
|
defaultValue="爱吃麻辣烫" |
|
|
|
:maxlength="100" |
|
|
|
@change="handleInput" |
|
|
|
@blur="handleInput" |
|
|
|
@input="handleInput" |
|
|
|
@focus="handleInput" |
|
|
|
<GuipInput ref="GuipInput" :styleObject="styleObject1" defaultValue="爱吃麻辣烫" :maxlength="100" |
|
|
|
@change="handleInput" @blur="handleInput" @input="handleInput" @focus="handleInput" |
|
|
|
placeholder="这是自定义默认提示语" /> |
|
|
|
|
|
|
|
<div style="width: 20px;height: 10px;"></div> |
|
|
|
|
|
|
|
<GuipInput |
|
|
|
:defaultValue="defaultValue" |
|
|
|
@clear="handleClear" |
|
|
|
width="400px" |
|
|
|
> |
|
|
|
<GuipInput :defaultValue="defaultValue" @clear="handleClear" width="400px"> |
|
|
|
<span slot="prependshow">http:</span> |
|
|
|
<img slot="prefix" src="../assets/radio_checked.svg" alt=""> |
|
|
|
<!-- 输入框后面小图标 -事件自定义 --> |
|
|
|
@ -172,47 +181,23 @@ |
|
|
|
<GuipButton type="primary" :btnstyle="btnstyleObj">超长啊扭测试长的长的</GuipButton> |
|
|
|
<GuipButton type="primary" :btnstyle="btnstyleObj1">随便写的</GuipButton> |
|
|
|
</div> |
|
|
|
<div class="ele-item"> |
|
|
|
<!-- <label for="">表单校验:</label> --> |
|
|
|
<!-- <el-form :model="form" :rules="rules" ref="myForm"> |
|
|
|
<el-form-item label="用户名" prop="username"> |
|
|
|
<el-input v-model="form.username"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<div style="display: flex;"> |
|
|
|
<el-button type="primary" @click="submitForm">提交</el-button> |
|
|
|
<el-button @click="triggerError">触发错误</el-button> |
|
|
|
</div> |
|
|
|
</el-form> --> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div style="width: 600px;"> |
|
|
|
<h3>表单左右布局（直接使用封装好的input）</h3> |
|
|
|
<!-- 表单左右布局 --> |
|
|
|
<GuipInput |
|
|
|
ref="GuipInput" |
|
|
|
addClass="w510" |
|
|
|
v-model="form.username" label="Username" prop="username" :rules="usernameRules" |
|
|
|
placeholder="这是自定义默认提11示语"/> |
|
|
|
<GuipInput ref="GuipInput" addClass="w510" v-model="form.username" label="Username" prop="username" |
|
|
|
:rules="usernameRules" placeholder="这是自定义默认提11示语" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div style="width: 800px;height: 150px;"> |
|
|
|
<h3>表单上下布局 (宽度 510 388 用的最多 已有这2种宽度类名设置)</h3> |
|
|
|
<GuipInput |
|
|
|
ref="GuipInput" |
|
|
|
column="column" |
|
|
|
addClass="w510" |
|
|
|
label="age" |
|
|
|
desc="这是是右侧文案" |
|
|
|
v-model="form.age" prop="age" |
|
|
|
placeholder="这是自定义默认提示语"/> |
|
|
|
<GuipInput ref="GuipInput" column="column" addClass="w510" label="age" desc="这是是右侧文案" v-model="form.age" |
|
|
|
prop="age" placeholder="这是自定义默认提示语" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div style="width: 600px;height: 150px;"> |
|
|
|
<h3>获取手机验证码(布局也可更改，使用插槽自定义展示内容)</h3> |
|
|
|
<GuipFormItem |
|
|
|
column="column" |
|
|
|
addClass="w388" |
|
|
|
> |
|
|
|
<GuipFormItem column="column" addClass="w388"> |
|
|
|
<!-- 这个 form-top-icon 类名已经有样式，除此布局外需要自定义添加样式 --> |
|
|
|
<div slot="formLeft" class="form-top-icon"> |
|
|
|
<img src="../assets/phone-fill.svg" alt=""> |
|
|
|
@ -224,7 +209,8 @@ |
|
|
|
<el-button type="primary" @click="submitForm">表单Submit</el-button> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
<div style="width: 100%;margin: 20px 0;height: 20px;background-color: antiquewhite;">--------------------分割线0------------------------------</div> |
|
|
|
<div style="width: 100%;margin: 20px 0;height: 20px;background-color: antiquewhite;"> |
|
|
|
--------------------分割线0------------------------------</div> |
|
|
|
|
|
|
|
<div style="display: flex;"> |
|
|
|
<!-- <GuipButton type="primary" @click="showModal">弹框</GuipButton> |
|
|
|
@ -251,22 +237,26 @@ |
|
|
|
|
|
|
|
<el-button type="primary" @click="openDialog">打开弹框</el-button> |
|
|
|
|
|
|
|
<GuipDialog |
|
|
|
:dialogVisible="dialogVisible" |
|
|
|
title="自定义标题" |
|
|
|
:show-close-button="showCloseButton" |
|
|
|
:show-cancel-button="showCancelButton" |
|
|
|
@confirm="handleConfirm" |
|
|
|
@cancel="handleCancel" |
|
|
|
@close="handleClose" |
|
|
|
@dialogVisibleChange="dialogVisibleChange" |
|
|
|
> |
|
|
|
<GuipDialog :dialogVisible="dialogVisible" title="自定义标题" :show-close-button="false" |
|
|
|
:show-cancel-button="showCancelButton" @confirm="handleConfirm" @cancel="handleCancel" @close="handleClose" |
|
|
|
@dialogVisibleChange="dialogVisibleChange"> |
|
|
|
<!-- 自定义内容 --> |
|
|
|
<div> |
|
|
|
<p>这是一个自定义内容的弹框。</p> |
|
|
|
<el-input placeholder="请输入内容"></el-input> |
|
|
|
</div> |
|
|
|
</GuipDialog> |
|
|
|
|
|
|
|
<!-- <el-switch v-model="switchValue1" active-text="按月付费" inactive-text="按年付费"> |
|
|
|
</el-switch> |
|
|
|
<el-switch style="display: block" v-model="switchValue2" active-color="#13ce66" |
|
|
|
active-text="按月付费" inactive-text="按年付费"> |
|
|
|
</el-switch> --> |
|
|
|
|
|
|
|
<div class="ele-item"> |
|
|
|
<label for="">开关L</label> |
|
|
|
<GuipSwitch :modelValue="switchValue" activeText="开启" inactiveText="关闭" @change="onSwitchChange"> |
|
|
|
</GuipSwitch> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -274,6 +264,7 @@ |
|
|
|
|
|
|
|
import { rules } from "../assets/vabForm"; |
|
|
|
// @ is an alias to /src |
|
|
|
import GuipSwitch from '@/components/GuipSwitch.vue'; |
|
|
|
import GuipFormItem from '@/components/GuipFormItem.vue'; |
|
|
|
import GuipDialog from '@/components/GuipDialog.vue'; |
|
|
|
import GuipRadio from '@/components/GuipRadio.vue'; |
|
|
|
@ -292,6 +283,7 @@ import { rules } from "../assets/vabForm"; |
|
|
|
components: { |
|
|
|
GuipTextarea, |
|
|
|
GuipTable, |
|
|
|
GuipSwitch, |
|
|
|
// GuipForm, |
|
|
|
GuipDialog, |
|
|
|
GuipRadio, |
|
|
|
@ -305,19 +297,19 @@ import { rules } from "../assets/vabForm"; |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
switchValue: true, |
|
|
|
dialogVisible: false,//是否展示弹框 |
|
|
|
showCancelButton: true, // 控制是否显示取消按钮 |
|
|
|
showCloseButton: true, // 控制是否显示关闭按钮 |
|
|
|
// inputValue: '', |
|
|
|
form: { |
|
|
|
username: '', |
|
|
|
language: '', |
|
|
|
}, |
|
|
|
languageOptions: [ |
|
|
|
{ label: 'JavaScript', value: 'js' }, |
|
|
|
{ label: 'Python', value: 'py' }, |
|
|
|
{ label: 'Java', value: 'java', disabled: true }, // 禁用选项 |
|
|
|
{ label: 'Go', value: 'go' }, |
|
|
|
{ label: 'JavaScript', value: 'js',selectedLabel:'JavaScripthhhhhhhhhh' }, |
|
|
|
{ label: 'Python', value: 'py',selectedLabel:'JavaScripthhhhhhhhhh' }, |
|
|
|
{ label: 'Java', value: 'java', disabled: true,selectedLabel:'JavaScripthhhhhhhhhh' }, // 禁用选项 |
|
|
|
{ label: 'Go', value: 'go' ,selectedLabel:'JavaScripthhhhhhhhhh' }, |
|
|
|
], |
|
|
|
rules: { |
|
|
|
username: [ |
|
|
|
@ -367,6 +359,51 @@ import { rules } from "../assets/vabForm"; |
|
|
|
}, |
|
|
|
], |
|
|
|
}, |
|
|
|
// 表格数据 |
|
|
|
tableData: [{ |
|
|
|
date: '2016-05-03', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄', |
|
|
|
price: '20', |
|
|
|
age:20, |
|
|
|
// 在支持修改的项目中，需要主动保留一份原始数据 |
|
|
|
edit_name: '王小虎', edit_address: '上海市普陀区金沙江路 1518 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-02', |
|
|
|
name: '王小虎11', |
|
|
|
address: '上海市普陀区金沙江路 151811 弄', |
|
|
|
price: '10', |
|
|
|
age:30, |
|
|
|
edit_name: '王小虎11', edit_address: '上海市普陀区金沙江路 151811 弄' |
|
|
|
|
|
|
|
}, { |
|
|
|
date: '2016-05-04', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄', |
|
|
|
price: '200', |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-08', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-06', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-07', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄' |
|
|
|
}], |
|
|
|
// 表格列配置 |
|
|
|
columns: [ |
|
|
|
{ prop: 'name', label: '姓名（带气泡）', popover: true }, // 支持气泡框 |
|
|
|
{ prop: 'age', label: '年龄', popover: true }, // 不支持气泡框 |
|
|
|
{ prop: 'address', label: '地址（带气泡）', popover: true }, // 支持气泡框 |
|
|
|
], |
|
|
|
optionss: [ |
|
|
|
{ |
|
|
|
value: "选项1", |
|
|
|
@ -441,57 +478,39 @@ import { rules } from "../assets/vabForm"; |
|
|
|
height: '50px' |
|
|
|
}, |
|
|
|
plain: false, |
|
|
|
tableData: [{ |
|
|
|
date: '2016-05-03', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄', |
|
|
|
price:'20', |
|
|
|
}, { |
|
|
|
date: '2016-05-02', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄', |
|
|
|
price:'10', |
|
|
|
}, { |
|
|
|
date: '2016-05-04', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄', |
|
|
|
price:'200', |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-08', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-06', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-07', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄' |
|
|
|
}], |
|
|
|
|
|
|
|
options: [{ |
|
|
|
value: '选项1', |
|
|
|
label1:'黄金hhhhhh', |
|
|
|
label: '黄金糕' |
|
|
|
}, { |
|
|
|
value: '选项2', |
|
|
|
label1:'双皮奶hhhhhhhhh', |
|
|
|
label: '双皮奶' |
|
|
|
}, { |
|
|
|
value: '选项3', |
|
|
|
label1:'蚵仔煎hhhhhhhhh', |
|
|
|
label: '蚵仔煎' |
|
|
|
}, { |
|
|
|
value: '选项4', |
|
|
|
label1:'双皮奶hhhhhhhhh', |
|
|
|
label: '龙须面' |
|
|
|
}, { |
|
|
|
value: '选项5', |
|
|
|
label1:'双皮奶hhhhhhhhh', |
|
|
|
label: '北京烤鸭' |
|
|
|
}], |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 部分情况可能导致页面不更新，增加 key 强制重新渲染 |
|
|
|
random(){ |
|
|
|
var randomNumber = Math.random(); |
|
|
|
return randomNumber |
|
|
|
}, |
|
|
|
onSwitchChange(value) { |
|
|
|
console.log('Switch 状态变化:', value); |
|
|
|
}, |
|
|
|
// 弹框相关方法---start |
|
|
|
openDialog() { |
|
|
|
this.dialogVisible = true; |
|
|
|
@ -522,6 +541,23 @@ import { rules } from "../assets/vabForm"; |
|
|
|
this.editedPrice = row.price; |
|
|
|
this.dialogVisible = true; |
|
|
|
}, |
|
|
|
|
|
|
|
// 表格气泡框----- |
|
|
|
// 确认事件 |
|
|
|
onConfirm(row, prop) { |
|
|
|
console.log('确认修改:', row, prop); |
|
|
|
this.$message.success('修改成功'); |
|
|
|
this.$set(this.tableData,row) |
|
|
|
console.log(this.tableData,'this.tableData====='); |
|
|
|
}, |
|
|
|
// 取消事件 |
|
|
|
onCancel(row, prop) { |
|
|
|
console.log('取消修改:', row, prop); |
|
|
|
this.$message.info('已取消'); |
|
|
|
this.$set(this.tableData,row) |
|
|
|
}, |
|
|
|
// 表格气泡框----- |
|
|
|
|
|
|
|
// 监听单选框组变化 |
|
|
|
radioChange(data) { |
|
|
|
console.log(data, 'radio--data'); |
|
|
|
@ -604,11 +640,13 @@ import { rules } from "../assets/vabForm"; |
|
|
|
.elementWrap { |
|
|
|
/* width: 100%; */ |
|
|
|
padding: 30px 40px; |
|
|
|
|
|
|
|
.ele-item { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: flex-start; |
|
|
|
margin-bottom: 30px; |
|
|
|
margin: 20px 0 30px; |
|
|
|
|
|
|
|
label { |
|
|
|
font-size: 16px; |
|
|
|
font-weight: bold; |
|
|
|
@ -629,6 +667,7 @@ import { rules } from "../assets/vabForm"; |
|
|
|
transform-origin: 0 0; |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
|
|
|
|
.cardfooter { |
|
|
|
width: 100%; |
|
|
|
// position: fixed; |
|
|
|
@ -638,4 +677,3 @@ import { rules } from "../assets/vabForm"; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
zq
3 months ago