站点LOGO组件-是我们编辑站点的时候，常用到的组件之一，它的使用功能非常简单，主要显示站点LOGO
1，如何插入设计组件
只需从左侧的组件控制面板 【基础组件】中，选中组件后点击鼠标左键拽住并拖放到编辑面板处即可，如下图所示
2，内容选项卡
内容选项卡设置如下图，您可以看到有多个设置选项来控制站点LOGO组件的显示属性。
2.1，站点LOGO – 模块，如下图, 点击选项卡后进入设置界面。
“站点logo”组件主要显示 站点设置的“LOGO”图片，点击LOGO图片会返回到站点首页。此组件和图片组件的区别是。假设这样一个场景：当你在多个页面已经设置好LOGO图片了，当有一天你需要修改LOGO图片的时候，如果你用的是图片组件，你需要一个一个的页面找到图片组件并把它替换掉。但如果你使用“站点LOGO”组件，你只需要在后台设置中修改下LOGO图片，就可以轻松替换LOGO图。
(1) 更新LOGO ：当“点击LOGO”设置，进入站点后台界面修改好LOGO后。点击更新LOGO，编辑器中的图片会更新到最新的图片
(2) 源图大小：尺寸类型分为“小图 150×150”，“中图 300×300”，“中大图 765×765”，“大图 1024×1024”，“原图”。当您上传图片时，你的图片会裁剪生成4张小图，以应对不同的场景更快的加载图片。选择说明：当图片宽度大于源图尺寸时会导致图片像素模糊，但源图尺寸过大会影响加载速度，您需要根据您实际要加载的图片宽度选择尺寸。如png图片要使用透明度，请使用原图。
(3）对齐：图片对齐方向：靠左，靠右，居中
(4)宽度：修改LOGO图片的宽度，
(5)图片裁剪：和图片组件一样，根据设置的宽度与高度来裁剪图片。当前功能只作为功能保留项目，不建议裁剪LOGO图片
(6) LOGO组件的链接地址默认是链接到首页，此设置不可修改
2.2 ，点击组件提示中的“点击LOGO设置” 或 进入系统后台后，根据路径“ 设置-> 常规设置 ” ,来到菜单设置页面。 设置页面可以设置 如下选项 第一部分：
3，样式选项卡
3.1，图片-样式设置模块 在此处完成图片样式基本设置， 可以看到有两个选项卡 “标准”与”鼠标悬停” ，默认情况下我们只编辑“标准”状态下的图片样式设置即可。
（1）透明度：图片透明度
（2）样式滤镜：给图片增加滤镜效果，非专业UI设计用户可以忽略此选项
（3）边框类型：给图片添加边框，可设置边框颜色粗细。
（4）边框圆角：给图片设置圆角，利用图边框圆角您可以把你的图片圆角设计成任意角度的扁平化的形状。通常图1正方形是最长用到的。图2，设置成圆形的条件是图片形状需要时正方形（你可以用裁剪功能将图片等宽高），然后将边框圆角设置成100%。至于图3，图4 ，你就自由发挥吧，30%，10%，80%，90%。的来调试。总有一个效果适合你。
评论