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;
}
}