增加页面固定操作组件

public/cdn/layui-ul.css

@@ -1147,6 +1147,29 @@
   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 {
   background-color: #eee;
   color: #999;

source/components/_index.scss

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

source/components/element/ul-element-fixed-option/_index.env

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

source/components/element/ul-element-fixed-option/_index.html

@@ -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>

source/components/element/ul-element-fixed-option/_index.php

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

source/components/element/ul-element-fixed-option/_index.scss

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