开启前确保80端口没有被占用，使用lsof -i tcp:80查看当前使用80端口的应用，如果有的话，关掉。
 
 

 
 

最近做上传模块中用到了批量相册管理，使用了iView中的相册组件，组件文档地址：

主要遇到的难点是对应文档中的参数不知道如何写，在群里热心人帮助后解决了。具体实现是这样的，默认上传直接记录到数据库中，日志添加更新图片记录中的日志编号字段。删除的时候是当点击保存后，将删除的编号由后台处理，删除图片、删除图片数据库记录。上传图片时附带页面验证隐藏域参数，下面附上代码，纯当记录。

先给大家展示下效果图：

先给大家看一下目录和主要文件：

以下就拿封装的head组件代码来展示以下实现逻辑，现在大家主要是来理解，不要着急复制代码，在文章最后会贴出三个主要文件的代码的。

如果之前用过sass的同学可能会知道，这样虽然实现了css样式变量化，但是后期没有办法作出灵活更改的。

所以需要把设置背景颜色封装成一个mixin方法（包括字体大小，字体颜色，都需要进行封装）

通过设置html的attribute属性在封装的函数中进行判断，进行相应的设置不同的颜色

css中 [ ] 可以识别到在html标签上设置的属性，所以在html上对应属性发生变化时，就会执行相应的样式，

这一步有点类似于平时给div添加一个.active属性，css自动执行相应样式。

更换主题时的具体操作：

下边是主要文件完整的代码

/*弹性盒-子元素可竖向居中*/
 

/*超行溢出显示省略号*/
 

mine.vue中更换主题时的操作代码

其实过程和逻辑都比较简单，大家理解一下，有不明白的地方在下方评论区评论，有错误的地方也欢迎大家指出，看到后我会回复

以上所述是小编给大家介绍的Vue中使用sass实现换肤功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！