ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-09 21:52:48 +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

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

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

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

File diff suppressed because one or more lines are too long

1
source/components/_index.scss
View File

@@ -7,6 +7,7 @@
@import './card/ul-easy-image/index'; @import './card/ul-easy-image/index';
@import './descriptions/ul-descriptions-info/index'; @import './descriptions/ul-descriptions-info/index';
@import './descriptions/ul-easy-item/index'; @import './descriptions/ul-easy-item/index';
@import './element/ul-element-fixed-option/index';
@import './element/ul-loading-pos/index'; @import './element/ul-loading-pos/index';
@import './header/ul-header-shape/index'; @import './header/ul-header-shape/index';
@import './header/ul-shop-header/index'; @import './header/ul-shop-header/index';

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;
}
}
}