【无标题】

1.export interface作用：声明一个数据类型

2.打包指令看 package.json 文件,在 scripts 里面查找指令名称

3.媒体查询 @media screen

@media screen and (max-width: 1280px){

        pdh{

                width:100%;

        }

}

@media screen and (min-width: 1280px){

        pdh{

                width:70%;

        }

}

4、换行样式

1）禁止文字在容器中换行

white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;

2）强制换行

word-break: break-all; 只对英文起作用，以字母作为换行依据。

word-wrap: break-word; 只对英文起作用，以单词作为换行依据。

white-space: pre-wrap; 只对中文起作用，强制换行。

5、antdesign 表单应用

1）校验必填项和重置表单

onSubmit() {

        this.$refs.ruleForm.validate(valid => { if (valid) { alert('submit!');

                } else {

                        console.log('error submit!!');

                        return false;

                }

}); },

resetForm() { this.$refs.ruleForm.resetFields(); },

6、a-table

1)封装表格 插槽--操作列

<a-table  :columns="columns">

        <span slot="operation" slot-scope="text,record,index,colum">

                .......各种操作的按钮........

        </span>

        <!--自定义插槽-->

        <template slot="soltRender" slot-scope="text,record,index.colum">

                <slot name="soltRender" :record="record" :text="text" :colum="colum">

                </slot>

        </template>

        <!-- 表格详情展开-->

        <template v-if="true">

                <slot name="expandTemplate" :record="record"></slot>

        </template>

</a-table>

columns(){

        return{

                { title: '操作', dataIndex: 'operation', customRender: operation, },

        }

}

7.