qianka-et-ad-theme v1.4.4

qianka-et-ad-theme

element component theme for qianka platform.

Installation

npm i qianka-et-ad-theme -S

Usage

Use Sass Or postcss-import

@import 'qianka-et-ad-theme';

Or Use webpack

import 'qianka-et-ad-theme';

Or

<link rel="stylesheet" href="path/to/node_modules/qianka-et-ad-theme/lib/index.css">

Import your need

import 'qianka-et-ad-theme/lib/input.css';
import 'qianka-et-ad-theme/lib/select.css';
����deploy�����
// ...

Build

gulp build

ִ��build�Ժ󣬻���libĿ¼�����ɱ��������ļ�

Deploy with files

����libĿ¼�µ�index.css�������ļ�Ŀ¼fonts

����

Dialog �Ի���

ԭel����ֻ��֧�ֿ�����������

<el-dialog title="ɾ��" v-model="dialogVisible" size="tiny" top="38%">
     ...
</el-dialog>

qk�����Ĺ̶�����390px��ʹ��

 <el-dialog title="ɾ��" v-model="dialogVisible" size="fixed390" top="38%">
     ...
</el-dialog>

���ڶԻ����߶ȡ���С�����߱ȵ���֪���⣺

Ҫ�󣺶Ի������ȹ̶�Ϊ390px���߶ȹ̶�Ϊ202px�����߱����ڽӽ������Ӿ��Ŀ��߱ȡ�

dialog�Ի��������Ŀ��Ⱥ͸߶����޷�ͬʱ����Ϊһ���̶�ֵ�ģ���Ϊdialog�ĶԻ���ʵ�ʵĴ�С��body�������ݾ���,�Ի��������߶� = ͷ���߶�+���ݸ߶�+��ע�߶�+��Χ�߾ࡣ����Ŀǰfixed390�Ի����ĸ߶�202px���ɽ�ע�߶ȶ����߾���25px����Ϊ12px��ƴ�ճ����ġ����������������ж����������ݣ�������һ�����ݣ��������Ի����߶���Ȼ����������ô�Ǹ�ʱ�������ڸ߶ȹ̶�Ϊ390px�����������ӣ����Ϳ��ı����ֻᷢ���仯�����ԣ��ع�ͷ��������Ʒ����ô�����������أ�

����el���е�����ģʽ��ֱ�����������������Ի������ͻ������ӣ����������ӱ������趨�ĶԻ�����������30%��50%��90%�����Ӽ�����������Ӧ������

Button ��ť