发布文章(一)-基础布局-button按钮组件-radio单选框组件-display转块元素使用-使用封装好的频道组件

Lani ·
更新时间:2024-11-13
· 684 次阅读

01-发布文章-基础布局

button按钮组件-默认和主要模式——网址:button按钮组件-默认和主要模式
https://element.eleme.cn/#/zh-CN/component/button

radio单选框组件-单选框组模式——网址:radio单选框组件-单选框组模式
https://element.eleme.cn/#/zh-CN/component/radio

基础布局:views/publish/index.vue

发布文章
富文本 //单选框组件-单选框组模式 单图 三图 无图 自动
//双向绑定后台数据-使用封装好的频道组件 //主要按钮和默认按钮模式 发表 存入草稿
export default { data () { return { articleForm: { title: '', cover: { type: 1 }, channel_id: null } } } } .btn_img{ width: 160px; height: 160px; border: 1px dashed #ddd; //总结 //1.display:inline;//将块级元素转化为行级元素,这时块级元素设置的宽高无效 //2.display:block;//将行级元素转块级元素,这时原本的行级元素会变成块级元素独占一行,同时可以设置宽高 //3.display:inline-block;//将行级元素转块级元素,不会独占一行,可以设置宽高 img{ width: 100%; height: 100%; display: block; } }

作者:viceen



button 布局 封装 radio 块元素 display

需要 登录 后方可回复, 如果你还没有账号请 注册新账号