参考资料:
【带小白做毕设】6. Vue管理系统速成_哔哩哔哩_bilibili
使用style添加样式
style="margin-left:20px",使用了flex布局之后,上一篇文章,添加style样式就行
下拉菜单的写法,第一步找到Dropdown下拉菜单:
右侧给他来一个自适应的布局:
<div style="flex: 1;width: 0;display: flex;align-items: center;justify-content:flex-end">
代码效果:
placement="bottom"
下拉菜单出现文字不对齐,出现这种情况来一个flex布局
怎样设置箭头样式:
用cursor:default进行设置
如何使用别的网站icon
第一步,搜索iconfont
第二步:使用时,添加到购物车当中
第三步,添加到项目里
第四步 找到我的项目当中
第五步 项目名称可以自己编辑
第六步 新建项目
第七步 项目设置
第八步下载到本地
第九步 将这四个文件选中
第十步 在我的项目中右键,新建一个iconfont文件
第十一步 之后在main.js文件中import 进来
第十二步,把我们复制的文件给他插入进去
第十三步 复制代码就行
第十四步 用的时候写一个i,把他放进去就可以了
第十五步,把他放进去
第十六步 margin来个0和5px,可以让全屏的icon,之间的距离分开
第十七步 handleFull写成这样
第十八步 进入全屏模式
第十九步 再写一个主体
第二十步,把我们编辑的主题色下载下来
第二十一步,把我们CSS样式的颜色复制下来
第二十二步 把我们CSS样式放到里面
最后import 引入
button按钮全部变色