// ==UserScript==
// @icon             https://www.thfou.com/img/favicon.png
// @name             阿里巴巴高级自定义在线装修工具
// @namespace        https://www.thfou.com/
// @version          1.0.9
// @description      为阿里巴巴店铺详情页、自定义页等页面开启自定义模块功能。
// @author           头号否
// @match            *://design.1688.com/page/*
// @require          https://libs.baidu.com/jquery/1.10.2/jquery.min.js
// @supportURL       https://www.thfou.com/liuyan
// @compatible	     Chrome
// @compatible	     Firefox
// @compatible	     Edge
// @compatible   	 Safari
// @compatible   	 Opera
// @compatible	     UC
// @license          GPL-3.0-only
// @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" style="margin-bottom:9px;"><a href="#">添加版块（高级）</a></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");
}
})();