// ==UserScript==
// @icon             https://www.thfou.com/wp-content/uploads/2019/04/cropped-thfou1-32x32.png
// @name             阿里巴巴高级自定义在线装修工具
// @namespace        https://www.thfou.com/
// @version          1.0.2
// @description      为阿里巴巴店铺详情页、自定义页等页面开启自定义模块功能。
// @author           头号否
// @match            *://design.1688.com/page/*
// @require          https://libs.baidu.com/jquery/1.10.2/jquery.min.js
// @supportURL       https://www.thfou.com/message#respond
// @contributionURL  https://www.thfou.com/
// @grant            none
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';
   var diy = document.createElement('ul'); // 新增元素
   diy.id = 'thfou-design-1688';
   diy.className = 'setting-tabs';
   diy.style = 'margin:7px 0px 0px 1px;';
   var diyget = document.querySelector('.diy-message'); // 获取元素
      diy.innerHTML = '<li class="site-custom-style-manange"><a><span id="diydesign" class="custom-style-icon" onclick="diydesign();">高级自定义</span></a></li>'; // 插入html代码
      diyget.parentNode.insertBefore(diy, diyget); // 在这个元素前面增加上去
var diydesign = document.getElementById('diydesign');
diydesign.addEventListener('click', showMsg, false); //鼠标单击的时候调用showMes这个函数
function showMsg() {
//   var addmain = document.createElement('ul'); // 新增元素
//   addmain.id = 'thfou-design-1688';
//   addmain.className = 'setting-tabs';
//   addmain.style = '';
//   var addmainget = document.querySelector('.segment-header'); // 获取元素
//      addmain.innerHTML = '<div id="${html.id}-box"class="segment-box segment-box-fluid segment-box-op-insertable segment-box-op-deletable segment-box-op-movable segment-box-enable segment-box-op-movable-down"><div class="segment-header op-insertable op-deletable op-movable"><div class="segment-title"data-spm-anchor-id="a2625d.7885740.0.i1.752c46c0EdqZBv">全屏布局</div><div class="segment-bar"><a href="#"class="up">上移</a><a href="#"class="down">下移</a><a href="#"class="switch">切换</a><a href="#"class="delete">删除</a></div><a href="#"class="segment-fly-adder">添加布局</a></div><div class="segment-content"><!--100%--><div id="site_user_segment_103"class="segment layout layout-fluid"data-hive-type="layout"data-segment-id="site_user_segment_103"data-layout-type="fluid"><div class="region region-type-fluid ui-portlets"data-hive-type="box"data-region-type="fluid"data-region-index="0"><div class="box-adder"><a href="#">添加版块</a></div></div></div></div><!--/segment-content--><div class="segment-footer"><div class="segment-adder"><a href="#">添加布局</a></div></div></div>'; // 插入html代码
//      addmainget.parentNode.insertBefore(addmain, addmainget); // 在这个元素前面增加上去
    $('.region').append('<div class="box-adder"><a href="#">添加版块</a></div><div style="margin-bottom: 9px; background: #ff5200; border: none; font-size: 12px; font-weight: 700; text-align: center; line-height: 33px;"><div style="color:#fff;">头号代码提示：使用前记得先备份，以防丢失！更多工具请访问（daima.thfou.com）</div></div>');
    $('.segment-header').attr("class","segment-header op-insertable op-deletable op-movable");
    $('.segment-box').attr("class","segment-box segment-box-op-insertable segment-box-op-deletable segment-box-op-movable segment-box-enable segment-box-op-movable-down");
}
})();