
**************************************** 写前阅读 ***********************************************

1、js尽量不要写到页面上，可以新建一个js,  如果有新建和导入第三方库，需要放到公共头尾处（header.html、footer.html），方便后台直接引用

2、表单提交用公共方法，在form-commit.js中，如果特殊用不了，请自行新建，其中表单验证采用input等添加验证属性，统一处理
   （无小语种，参考水印）
   （有小语种，参考网站管理基础设置）

3、普通页面添加图片，已有公共图片银行弹窗，参考设置-水印设置，图库公共方法在common.js中，产品模块多张图片同样适用，如有特殊，可以微调，调完请告知其余合作者

4、删除框、信息框等已有示例，可直接用，也可自行创建（若用layer创建，请添加自己的skin:"xxxxxx",在xxxxxx类名下修改样式，避免与其他弹窗样式冲突）

5、css 能添加新类名，就在新类名上修改样式，避免修改旧类名影响其他样式

6、F:\web-project\响贝\后台    项目放位置，有些页面弹窗引用路径问题，可换成自己的路径测试

   例：file:///F:/web-project/%E5%93%8D%E8%B4%9D/%E5%90%8E%E5%8F%B0/XBMemberWeb/setting-kefu-account-add-dialog.html

**************************************** 表单验证备注 ************************************************


给input、textarea、select 添加name值时，需做以下操作：

1、给其父元素 .item 添加 “field” 类名，field为返回的错误列表里边的字段field对应的值

2、若有加号，可以加减数量，1)给加号元素的属性data-field 赋值“field”，
                           2)给加号元素的属性data-el 里边的name 赋值，

                           field为返回的错误列表里边的字段field对应的值，即要与上一条中父元素.item添加的类名“field”保持一致


**************************************** common ************************************************

1、header_admin.html

    该文件为admin.html和login.html头部

2、footer_admin.html

    该文件为admin.html和login.html底部

2、header.html

    该文件为除admin.html和login.html外的公共头部

3、footer.html

    该文件为除admin.HTML和login.html外的公共底部

4、表格删除

    <a href></a>

5、表单验证
    data-length             字符长度限制
    data-empty              不为空限制
    data-url                网址格式
    data-limit="n"          只限数字
    data-limit="l"          只限字母
    data-limit="s"          只限特殊符号
    data-limit="nl"         只限数字&字母
    data-limit="nls"        只限数字&字母&特殊符号
    data-emails             多个邮箱英文逗号隔开
    data-email              单个邮箱
    data-checkCheckboxNum   至少选择一个多选（div）
    data-limit="n99"        最多两位正整数


6、涉及到选择select某一项添加其他.item-box的
    若不显示，需要去除表单验证data-empty等，并给input等添加disabled
    若显示，需添加单验证data-empty等，并给input等去除disabled


**************************************** 按钮 ************************************************

1、切换按钮
选中：iconkaiguananniu-kai
未选中：iconswitch-off

2、多选
选中：iconfuxuankuangxuanzhong
未选中：iconduoxuanweixuanzhong

3、单选
选中：icondanxuanxuanzhong
未选中：icondanxuanxuanzhong-copy


**************************************** 弹框 ************************************************
1、信息框
showInfoDialog(msg, title, 1);

**************************************** admin ************************************************

body 下第一大类名  .admin

1、左侧菜单栏

    href="***.html" target="rightiframe"  -----> 链接菜单项 ，iframe切换页面

    href="javascript:;" -----> 非链接菜单项

    href="***.html" -----> 刷新跳转单页


    li类名 ------>  是否有下一级: has-child
                    是否当前选中项：active("用于整体背景变色")

    .title ------> 是否展开当前子级: show

    a.txt类名  ------>  是否当前选中项：current("用于改变当前字体颜色")

2、 其他   

    div.body类名 -----> 展开菜单：menu-open ，收起菜单：menu-close



**************************************** index ************************************************

    index -----> body 下第一大类名  .wrap-index
    
    index -----> .content-box  里面分两种  1：有权限 .contents   2：无权限 .no-authority  加载一种

    index -----> 新闻（.news）和 关键词排名版块（.keyword） 加载一种



**************************************** 网站管理 ************************************************

1、基础设置-基础信息

    若关闭网站，则访问账号和密码的输入框 input 需添加属性 data-empty="请输入访问账号"  data-empty="请输入访问密码"

2、语言设置

语言列表选中：
    li添加类名checked  input[type='checked']添加属性checked

语言列表默认语言：
    li添加类名main

下方默认语言点击按钮：
    选中：.set-language-btn去除类名layui-btn-primary2，input[type='radio'] 添加属性checked
    未选中：.set-language-btn添加类名layui-btn-primary2，input[type='radio'] 去除属性checked


**************************************** 设置 ************************************************




**************************************** 翻译 ************************************************

                var data = {
                    type: 1, // 1: 翻译中   2、翻译完成
                    list: [
                        {
                            status: "ing", // wait: 等待  ing：翻译中  success：翻译成功  fail: 翻译失败
                            language: "英语",
                            text: "翻译中..." // 等待、翻译中...、翻译成功、翻译失败
                        },
                        {
                            status: "wait",
                            language: "德语",
                            text: "等待"
                        },
                        {
                            status: "success",
                            language: "意大利语",
                            text: "翻译成功"
                        },
                        {
                            status: "fail",
                            language: "法语",
                            text: "翻译失败"
                        }
                    ]
                }


