【优化】优化页面设计，增加【常用前端链接】弹窗，防止出现1380，1440分辨率宽下错位的问题。

CoreCms.Net.Web.Admin/wwwroot/lib/custom/css/style.css

@@ -319,15 +319,16 @@ template {
   margin-top: 5px;
 }
 .urlBox {
-  width: 300px;
+  width: 800px;
   border: 1px solid #e9e9e9;
   box-shadow: 0 3px 10px #dcdcdc;
   position: relative;
   padding: 10px;
 }
 .urlBox p {
-  font-size: 12px;
+  font-size: 13px;
   word-break: break-all;
+  line-height: 30px;
 }
 .recycle {
   position: absolute;
@@ -644,8 +645,9 @@ template {
 }
 .savePageBtn {
   padding: 10px 13px;
-  text-align: right;
   border-top: 1px dotted #ddd;
+  display: flex;
+  justify-content: space-between;
 }
 .lay-special {
   height: 30px;

CoreCms.Net.Web.Admin/wwwroot/lib/custom/css/style.less

@@ -76,8 +76,8 @@ template { display: none; }
         }
     }
 }
-.urlBox { width: 300px; border: 1px solid #e9e9e9; box-shadow: 0 3px 10px #dcdcdc; position: relative; padding: 10px;
-    p { font-size: 12px; word-break: break-all; }
+.urlBox { width: 800px; border: 1px solid #e9e9e9; box-shadow: 0 3px 10px #dcdcdc; position: relative; padding: 10px;
+    p { font-size: 13px; word-break: break-all; line-height: 30px; }
 }
 .recycle { position: absolute; top: 43px; right: 26px;
     ul { position: relative;
@@ -170,7 +170,7 @@ template { display: none; }
         }
     }
 }
-.savePageBtn { padding: 10px 13px; text-align: right; border-top: 1px dotted #ddd; }
+.savePageBtn { padding: 10px 13px; border-top: 1px dotted #ddd; display: flex; justify-content: space-between; }
 .lay-special { height: 30px; align-items: center;
     .special-left { width: 70px; padding: 5px 10px;
         img { width: 100%; }

CoreCms.Net.Web.Admin/wwwroot/lib/custom/js/main.js

@@ -1385,12 +1385,34 @@ new Vue({
             },
             mounted() {
                 var that = this;
-                layui.use(['admin', 'form', 'coreHelper'],
+                layui.use(['admin', 'form', 'coreHelper', 'layer', 'util'],
                     function () {
                         var $ = layui.$
                             , form = layui.form
                             , admin = layui.admin
+                            , layer = layui.layer
+                            , util = layui.util
                             , coreHelper = layui.coreHelper;
+
+                        //处理属性 为 lay-active 的所有元素事件
+                        util.event('lay-active', {
+                            commonUrl: function (othis) {
+                                layer.open({
+                                    type: 1,
+                                    shade: 0,
+                                    shadeClose: true,
+                                    closeBtn: 2,
+                                    skin: 'demo-class',
+                                    title: '常用前端地址',
+                                    //area: ['500px', '80%'],
+                                    cancel: function () {
+                                        $('#urlBox').hide();
+                                    },
+                                    content: $('#urlBox')
+                                });
+                            }
+                        });
+
                         form.on('submit(LAY-app-CoreCmsPages-EditForm-submit)',
                             function (data) {
                                 var field = data.field; //获取提交的字段

CoreCms.Net.Web.Admin/wwwroot/views/shop/pages/design.html

@@ -110,6 +110,7 @@
                         </div>
                     </div>
                     <div class="savePageBtn">
+                        <button class="layui-btn layui-btn-normal layui-btn-sm" lay-active="commonUrl">常用前端地址</button>
                         <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="LAY-app-CoreCmsPages-EditForm-submit" id="LAY-app-CoreCmsPages-EditForm-submit">保存页面</button>
                     </div>
                 </div>
@@ -124,36 +125,40 @@
             <div class="edit-body">
                 <layout-config ref="config"></layout-config>
             </div>
-            <div class="urlBox">
-                <h4>常用前端地址：</h4>
-                <p>前端首页：/pages/index/default/default</p>
-                <p>购 物 车：/pages/index/cart/cart</p>
-                <p>会员中心：pages/index/member/member</p>
-                <p>搜索中心：/pages/search/search</p>
-                <p>分类首页：/pages/category/index/index</p>
-                <p>分类列表：/pages/category/list/list?id=分类序列</p>
-                <p>商品详情：/pages/goods/goodDetails/goodDetails?id=商品序列</p>
-                <p>门店列表：/pages/storeMap/storeMap</p>
-                <p>文章列表：/pages/article/list/list</p>
-                <p>文章详情：/pages/article/details/details?id=文章序列</p>
-                <p>万能表单：/pages/form/details/details?id=表单序列</p>
-                <p>服务商品列表：/pages/serviceGoods/index/index</p>
-                <p>服务商品详情：/pages/serviceGoods/details/details?id=商品序列</p>
-                <p>优惠券列表：/pages/coupon/coupon</p>
-                <p>打赏：/pages/reward/reward</p>
-                <p>拼团列表：/pages/activity/pinTuan/list/list</p>
-                <p>拼团详情：/pages/activity/pinTuan/pinTuanDetails/pinTuanDetails?id=拼团序列</p>
-                <p>秒杀列表：/pages/activity/seckill/list/list</p>
-                <p>秒杀详情：/pages/activity/seckill/seckillDetails/seckillDetails?id=秒杀序列</p>
-                <p>团购列表：/pages/activity/groupBuying/list/list</p>
-                <p>团购详情：/pages/activity/groupBuying/groupBuyingDetails/groupBuyingDetails?id=团购序列</p>
-                <p>接龙列表：/pages/activity/solitaire/list/list</p>
-                <p>接龙详情：/pages/activity/solitaire/solitaireDetails/solitaireDetails?id=接龙序列</p>
-                <p>日历签到：/pages/activity/checkIn/checkIn/checkIn</p>
-            </div>
         </div>
     </div>
 </template>
+
+
+<div class="urlBox" id="urlBox" style="display: none;">
+    <h4>常用前端地址：</h4>
+    <p>前端首页：/pages/index/default/default</p>
+    <p>购 物 车：/pages/index/cart/cart</p>
+    <p>会员中心：pages/index/member/member</p>
+    <p>搜索中心：/pages/search/search</p>
+    <p>分类首页：/pages/category/index/index</p>
+    <p>分类列表：/pages/category/list/list?id=分类序列</p>
+    <p>商品详情：/pages/goods/goodDetails/goodDetails?id=商品序列</p>
+    <p>门店列表：/pages/storeMap/storeMap</p>
+    <p>文章列表：/pages/article/list/list</p>
+    <p>文章详情：/pages/article/details/details?id=文章序列</p>
+    <p>万能表单：/pages/form/details/details?id=表单序列</p>
+    <p>服务商品列表：/pages/serviceGoods/index/index</p>
+    <p>服务商品详情：/pages/serviceGoods/details/details?id=商品序列</p>
+    <p>优惠券列表：/pages/coupon/coupon</p>
+    <p>打赏：/pages/reward/reward</p>
+    <p>拼团列表：/pages/activity/pinTuan/list/list</p>
+    <p>拼团详情：/pages/activity/pinTuan/pinTuanDetails/pinTuanDetails?id=拼团序列</p>
+    <p>秒杀列表：/pages/activity/seckill/list/list</p>
+    <p>秒杀详情：/pages/activity/seckill/seckillDetails/seckillDetails?id=秒杀序列</p>
+    <p>团购列表：/pages/activity/groupBuying/list/list</p>
+    <p>团购详情：/pages/activity/groupBuying/groupBuyingDetails/groupBuyingDetails?id=团购序列</p>
+    <p>接龙列表：/pages/activity/solitaire/list/list</p>
+    <p>接龙详情：/pages/activity/solitaire/solitaireDetails/solitaireDetails?id=接龙序列</p>
+    <p>日历签到：/pages/activity/checkIn/checkIn/checkIn</p>
+</div>
+
+
 <template id="layout">
     <div class="layout-container">
         <draggable v-model="pageData" :options="{group: { name: 'widget'},sort: true,ghostClass: 'ghost',dragClass:'dragItem',