You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
6.5 KiB
126 lines
6.5 KiB
<link rel="stylesheet" href="assets/common/plugins/umeditor/themes/default/css/umeditor.css">
|
|
<link rel="stylesheet" href="assets/store/css/diy.css?v=<?= $version ?>">
|
|
<div class="row-content am-cf">
|
|
<div class="widget am-cf">
|
|
<div class="widget-body">
|
|
<!-- diy 工作区 -->
|
|
<div class="work-diy dis-flex flex-x-between">
|
|
<!-- 工具栏 -->
|
|
<div id="diy-menu" class="diy-menu">
|
|
<div class="menu-title"><span>组件库</span></div>
|
|
<div class="navs">
|
|
<div class="navs-group">
|
|
<div class="title">媒体组件</div>
|
|
<div class="navs-components am-cf">
|
|
<nav class="special" data-type="banner">
|
|
<p class="item-icon"><i class="iconfont icon-tupianlunbo"></i></p>
|
|
<p>图片轮播</p>
|
|
</nav>
|
|
<nav class="special" data-type="imageSingle">
|
|
<p class="item-icon"><i class="iconfont icon-tupian1"></i></p>
|
|
<p>单图组</p>
|
|
</nav>
|
|
<nav class="special" data-type="window">
|
|
<p class="item-icon"><i class="iconfont icon-newbilayout"></i></p>
|
|
<p>图片橱窗</p>
|
|
</nav>
|
|
<nav class="special" data-type="video">
|
|
<p class="item-icon"><i class="iconfont icon-shipin7"></i></p>
|
|
<p>视频组</p>
|
|
</nav>
|
|
</div>
|
|
<div class="title">商城组件</div>
|
|
<div class="navs-components am-cf">
|
|
<nav class="special" data-type="search">
|
|
<p class="item-icon"><i class="iconfont icon-wxbsousuotuiguang"></i></p>
|
|
<p>搜索框</p>
|
|
</nav>
|
|
<nav class="special" data-type="notice">
|
|
<p class="item-icon"><i class="iconfont icon-gonggao"></i></p>
|
|
<p>公告组</p>
|
|
</nav>
|
|
<nav class="special" data-type="navBar">
|
|
<p class="item-icon"><i class="iconfont icon-daohang"></i></p>
|
|
<p>导航组</p>
|
|
</nav>
|
|
<nav class="special" data-type="goods">
|
|
<p class="item-icon"><i class="iconfont icon-shangpin5"></i></p>
|
|
<p>商品组</p>
|
|
</nav>
|
|
<nav class="special" data-type="coupon">
|
|
<p class="item-icon"><i class="iconfont icon-youhuiquan2"></i></p>
|
|
<p>优惠券组</p>
|
|
</nav>
|
|
<nav class="special" data-type="sharingGoods">
|
|
<p class="item-icon"><i class="iconfont icon-shangpin5"></i></p>
|
|
<p>拼团商品</p>
|
|
</nav>
|
|
</div>
|
|
<div class="title">工具组件</div>
|
|
<div class="navs-components am-cf">
|
|
<nav class="special" data-type="blank">
|
|
<p class="item-icon"><i class="iconfont icon-kongbai"></i></p>
|
|
<p>辅助空白</p>
|
|
</nav>
|
|
<nav class="special" data-type="guide">
|
|
<p class="item-icon"><i class="iconfont icon-fengexian1"></i></p>
|
|
<p>辅助线</p>
|
|
</nav>
|
|
<nav class="special" data-type="richText">
|
|
<p class="item-icon"><i class="iconfont icon-wenbenbianji"></i></p>
|
|
<p>富文本</p>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="action">
|
|
<button id="submit" type="button" class="am-btn am-btn-xs am-btn-secondary">
|
|
保存页面
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<!--手机diy容器-->
|
|
<div class="diy-phone">
|
|
<!-- 手机顶部标题 -->
|
|
<div id="diy-page" class="phone-top optional __no-move" data-type="page"></div>
|
|
<!-- 小程序内容区域 -->
|
|
<div id="phone-main" class="phone-main am-scrollable-vertical"></div>
|
|
</div>
|
|
<!-- 编辑器容器 -->
|
|
<div id="diy-editor" class="diy-editor form-horizontal">
|
|
<div class="inner"></div>
|
|
</div>
|
|
</div>
|
|
<!-- 提示 -->
|
|
<div class="tips am-margin-top-lg am-margin-bottom-sm">
|
|
<div class="pre">
|
|
<p>1. 设计完成后点击"保存页面"，在小程序端页面下拉刷新即可看到效果。</p>
|
|
<p>2. 如需填写链接地址请参考<a href="<?= url('wxapp.page/links') ?>" target="_blank">页面链接</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 文件库弹窗 -->
|
|
{{include file="layouts/_template/file_library" /}}
|
|
|
|
<!--diy元素-->
|
|
{{include file="wxapp/page/tpl/diy" /}}
|
|
|
|
<!--编辑器: 搜索栏-->
|
|
{{include file="wxapp/page/tpl/editor" /}}
|
|
|
|
<script src="assets/common/js/ddsort.js"></script>
|
|
<script src="assets/store/js/select.data.js?v=<?= $version ?>"></script>
|
|
<script src="assets/common/plugins/umeditor/umeditor.config.js?v=<?= $version ?>"></script>
|
|
<script src="assets/common/plugins/umeditor/umeditor.min.js"></script>
|
|
<script src="assets/store/js/diy.js?v=<?= $version ?>"></script>
|
|
<script>
|
|
$(function () {
|
|
|
|
// 渲染diy页面
|
|
new diyPhone({});
|
|
|
|
});
|
|
</script>
|
|
|