ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-09 05:32:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化页面固定操作

Browse Source
This commit is contained in:
augushong
2023-05-22 00:47:01 +08:00
parent 2e99c9d5f9
commit bf3395e36e
5 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/cdn/layui-ul.css
View File

@@ -1165,9 +1165,15 @@
height: calc(30px + 6px); height: calc(30px + 6px);
display: inline-block; display: inline-block;
border-radius: 100%; border-radius: 100%;
background-color: #fff;
} }
.ul-element-fixed-option .item .title { .ul-element-fixed-option .item .title {
margin-top: 6px; margin-top: 6px;
background-color: #fff;
color: #666;
padding: 3px;
border-radius: 3px;
font-size: 12px;
} }
.ul-loading-pos { .ul-loading-pos {

2
public/cdn/layui-ul.min.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
public/static/images/icon-xcx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

8
source/components/element/ul-element-fixed-option/_index.html
View File

@@ -1,10 +1,16 @@
<div class="ul-element-fixed-option"> <div class="ul-element-fixed-option">
<div class="item">
<img class="icon" src="/static/images/icon-xcx.png" alt="">
<div class="title">
返回小程序
</div>
</div>
<div class="item"> <div class="item">
<div class="icon"> <div class="icon">
<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px;color: rgb(7,193,96);"></i> <i class="layui-icon layui-icon-login-wechat" style="font-size: 30px;color: rgb(7,193,96);"></i>
</div> </div>
<div class="title"> <div class="title">
返回小程序 返回微信
</div> </div>
</div> </div>
<div class="item"> <div class="item">

8
source/components/element/ul-element-fixed-option/_index.scss
View File

@@ -10,20 +10,24 @@
cursor: pointer; cursor: pointer;
.icon { .icon {
$iconSize: 30px; $iconSize: 30px;
$pdddingSize: 6px; $pdddingSize: 6px;
padding: $pdddingSize; padding: $pdddingSize;
box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;
width: calc(#{$iconSize} + #{$pdddingSize}); width: calc(#{$iconSize} + #{$pdddingSize});
height: calc(#{$iconSize} + #{$pdddingSize}); height: calc(#{$iconSize} + #{$pdddingSize});
display: inline-block; display: inline-block;
border-radius: 100%; border-radius: 100%;
background-color: #fff;
} }
.title { .title {
margin-top: 6px; margin-top: 6px;
background-color: #fff;
color: #666;
padding: 3px;
border-radius: 3px;
font-size: 12px;
} }
} }
} }