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

增加页面固定操作组件

Browse Source
This commit is contained in:
augushong
2023-05-20 17:39:29 +08:00
parent 3c071d54b4
commit 2e99c9d5f9
8 changed files with 84 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
source/components/element/ul-element-fixed-option/_index.env Normal file
View File

@@ -0,0 +1,6 @@
title=页面固定操作
padding=0
margin=0
gray=0
mobile=1
inner_margin=0

19
source/components/element/ul-element-fixed-option/_index.html Normal file
View File

@@ -0,0 +1,19 @@
<div class="ul-element-fixed-option">
<div class="item">
<div class="icon">
<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px;color: rgb(7,193,96);"></i>
</div>
<div class="title">
返回小程序
</div>
</div>
<div class="item">
<div class="icon">
<i class="layui-icon layui-icon-website" style="font-size: 30px;color: #1e9fff;"></i>
</div>
<div class="title">
打开网站
</div>
</div>
</div>

0
source/components/element/ul-element-fixed-option/_index.md Normal file
View File

5
source/components/element/ul-element-fixed-option/_index.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
return [
];

29
source/components/element/ul-element-fixed-option/_index.scss Normal file
View File

@@ -0,0 +1,29 @@
.ul-element-fixed-option {
position: fixed;
right: 0;
bottom: 0;
padding: 16px;
.item {
text-align: center;
margin-bottom: 16px;
cursor: pointer;
.icon {
$iconSize: 30px;
$pdddingSize: 6px;
padding: $pdddingSize;
box-shadow: 0 0 3px #999;
width: calc(#{$iconSize} + #{$pdddingSize});
height: calc(#{$iconSize} + #{$pdddingSize});
display: inline-block;
border-radius: 100%;
}
.title {
margin-top: 6px;
}
}
}