[关闭]
@GivenCui 2017-03-10T16:55:57.000000Z 字数 12861 阅读 1072

html复用组件

组件

依赖链接

组件,依赖git仓库

select组件

  1. <div class="select_box">
  2.     <div class="s_box_tit"><span>下拉列表</span><i></i></div>
  3.     <ul class="s_box_opt">
  4.         <li>11111</li>
  5.         <li>2222</li>
  6.         <li>33333</li>
  7.     </ul>
  8. </div>
  1. // 所有产品下拉框
  2. .select_box{
  3.     position:relative;
  4.     width: 100%;
  5.     @include fixedBorderRadius(6px);
  6.     background:#fff;
  9. }
  10. .s_box_tit{
  11.     width: 100%;
  12.     position:relative;
  13.     text-indent: 0.4rem;
  14.     border-bottom: 1px solid #ddd;
  15.     i{
  16.         position: absolute;
  17.         top:0.9rem;
  18.         right:0.2rem;
  19.         // todo
  20.         display: block;
  21.         width: 0.6rem;
  22.         height: 0.6rem;
  23.         background:url(../image/select_down.png) no-repeat;
  24.         background-size:100%;
  25.         -webkit-transition:transform 0.5s;
  26.         transition:transform 0.5s;
  28.     }
  29. }
  30. .s_box_opt{
  31.     display:none;
  32.     position: absolute;
  33.     z-index: 10;
  34.     left:0;
  35.     background:#fff;
  36.     border-radius: 0 0 0.2rem 0.2rem;
  37.     @extend %boxShadow;
  38.     li{
  39.         width: 100%;
  40.         padding-left: 0.3rem;
  41.         border-bottom:1px solid #E1E1E1;
  42.         color: #999;
  43.         &:last-child{
  44.             border-bottom: none;
  45.         }
  46.     }
  47. }
  49. .js_arrow_turn{
  50.     i{
  51.         -webkit-transform:rotate(180deg);
  52.         transform:rotate(180deg);
  53.     }
  54. }
  1. (function() {
  2.     // 下拉菜单控制
  3.     var selectBox = $(".s_box_tit");
  4.     var selectDrop = $(".s_box_opt");
  5.     selectBox.click(function(event) {
  6.         // 下拉列表显示
  7.         $(this).siblings('.s_box_opt').stop().slideToggle('fast');
  8.         // 箭头变化
  9.         $(this).toggleClass('js_arrow_turn');
  10.         return false;
  11.     });
  13.     // 下拉点击传值
  14.     selectDrop.click(function(event) {
  15.         var dropValue = $(event.target).html();
  16.         $(this).siblings('.s_box_tit').find("span").html(dropValue);
  18.         // 关闭下拉菜单
  19.         $(this).stop().slideUp('fast');
  20.         $(this).siblings('.s_box_tit').toggleClass('js_arrow_turn');
  21.         return false;
  22.     });
  24.     // 点击其他关闭下拉
  25.     $('body').click(function(){
  26.         selectDrop.slideUp('fast');
  27.         selectBox.removeClass('js_arrow_turn');
  28.     });
  29. })();

表单按钮美化

  1. <div class="customRadio">
  2.     <input type="radio" name="gender1" id="male1">
  3.     <label for="male1" class="radio"></label>
  4.     <label for="male1">男</label>
  5. </div>
  6. <div class="customRadio">
  7.     <input type="radio" name="gender1" id="female1">
  8.     <label for="female1" class="radio"></label>
  9.     <label for="female1">女</label>
  10. </div>
  1. @charset "UTF-8";
  2. .customRadio {
  3.     font-size: 0;
  4.     display: inline-block;
  5.     input[type='radio'],
  6.     input[type='checkbox']{
  7.         display: none;
  8.         &:checked {
  9.             &+label.radio {
  10.                 &:before {
  11.                     opacity:1;
  12.                 }
  13.             }
  14.         }
  15.     }
  16.     label{
  17.         @include inline-block;
  18.         font-size: .7rem;
  19.         color: #444;
  20.         &.radio {
  21.             position: relative;
  22.             @extend %fixedBoxSizing;
  23.             margin-right: .5rem;
  24.             width: .9rem;
  25.             height: .9rem;
  26.             border: 1px solid #ddd;
  27.             border-radius: .5rem;
  28.             background: #fff;
  29.             text-align: center;
  30.             line-height: 1rem;
  31.             &:before {
  32.                 display: block;
  33.                 content:'';
  34.                 font-size: 0;
  35.                 width:.9rem;
  36.                 height:.9rem;
  37.                 // border-radius: .5rem;
  38.                 background: url(../image/radio_checked.png) no-repeat;
  39.                 background-size:100%;
  40.                 position: absolute;
  41.                 left:-0.05rem;
  42.                 top:-0.05rem;
  43.                 opacity:0;
  44.             }
  45.         }
  46.     }
  47. }
  48. .customCheckbox {
  49.     input[type='radio'],
  50.     input[type='checkbox']{
  51.         display: none;
  52.         &:checked {
  53.             &+label.checkbox {
  54.                 &:before {
  55.                     opacity:1;
  56.                 }
  57.             }
  58.         }
  59.     }
  60.     label{
  61.         @include inline-block;
  62.         font-size: .65rem;
  63.         color: #444;
  64.         &.checkbox {
  65.             position: relative;
  66.             margin-right: .5rem;
  67.             width: .9rem;
  68.             height: .9rem;
  69.             border: 1px solid #ddd;
  70.             border-radius: .15rem;
  71.             background: #fff;
  72.             text-align: center;
  73.             line-height: 1;
  74.             &:before {
  75.                 content:'\e635';
  76.                 width:.6rem;
  77.                 height: .6rem;
  78.                 color: yellow;
  79.                 position: absolute;
  80.                 left:.15rem;
  81.                 top:.15rem;
  82.                 opacity:0;
  83.             }
  84.         }
  85.     }
  86. }
  89. // todo
  90. .customRadio:not(:last-child){
  91.     margin-right: 0.8rem;
  92. }

选择日期

mobiscroll(日期插件)
Easy UI
mobiscroll官网

  1. <link rel="stylesheet" type="text/css" href="../../css/mobisscroll.css">
  3. <input class="chooseDate1" type="text" placeholder="选择开始日期" />
  5. <script type="text/javascript" src="../../js/jquery.min-1.9.1.js"></script>
  6. <script type="text/javascript" src="../../js/mobiscroll.js"></script>
  1. //时间控件
  2. (function () {
  3.     var currYear = (new Date()).getFullYear();  
  4.     var opt={};
  5.     opt.date = {preset : 'date'};
  6.     //opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5  };
  7.     opt.datetime = {preset : 'datetime'};
  8.     opt.time = {preset : 'time'};
  9.     opt.default = {
  10.         theme: 'android-ics light', //皮肤样式
  11.         display: 'modal', //显示方式 
  12.         mode: 'scroller', //日期选择模式
  13.         lang:'zh',
  14.         startYear:currYear - 10, //开始年份
  15.         endYear:currYear + 10 //结束年份
  16.     };
  17.     var optDateTime = $.extend(opt['datetime'], opt['default']);
  18.     var optTime = $.extend(opt['time'], opt['default']);
  19.     $(".chooseDate1").val('').scroller('destroy').scroller(
  20.         $.extend(
  21.             opt['date'], 
  22.             opt['default']
  23.         )
  24.     );
  25. })();

jq联想输入

  1. <link rel="stylesheet" type="text/css" href="../../css/jquery.ui.css">
  3. <input type="text" class="line_data" placeholder="请输入" />
  5. <script type="text/javascript" src="../../js/jquery.min-1.9.1.js"></script>
  6. <script type="text/javascript" src="../../js/jquery.ui.min.js"></script>
  1. (function() {
  2.     // 联想数据
  3.     var date1 = [
  4.         "chooseDate1/1999",
  5.         "测试chooseDate1产品名称/5999"
  6.     ];
  8.     $(".line_data").autocomplete({
  9.         source: date1,
  10.         minLength:1 // 执行搜索前用户必须输入的最小字符数
  11.     });
  13. })();
  1. // 联想输入的弹出框的样式--自定义
  2. .ui-menu-item{
  3.     line-height: 1.5;
  4.     color: #666;
  5.     font-size: 0.6rem;
  6. }

重点*的样式

  1. // 随字而动
  2. .mark:before{
  3.     content: '*';
  4.     font-size: 0.8rem;
  5.     color: #f25b42;
  6.     position: relative;
  7.     top: 0.1rem;
  8.     left: -0.15rem;
  9. }
  11. // 定位不动
  12. .mark {
  13.     position: relative;
  14.     &:before {
  15.         content: '*';
  16.         display: block;
  17.         font-size: 0.8rem;
  18.         color: #f25b42;
  19.         position: absolute;
  20.         top: 0.1rem;
  21.         left: -0.5rem;
  22.     }
  23. }

上拉加载,下拉刷新

dropload

  2. <div class="wapper">
  3.     <div class="js-droprefresh">
  4.         // 此处为列表
  5.     </div>
  6. </div>
  8. <script type="text/javascript" src="../../js/dropload.js"></script>
  1. // 添加dropload效果
  2. .js-droprefresh{
  3.      padding-top: 5.15rem;
  4. }
  5. .dropload-up,.dropload-down{
  6.     position: relative;
  7.     height: 0;
  8.     overflow: hidden;
  9.     font-size: 12px;
  10.     /* 开启硬件加速 */
  11.     -webkit-transform:translateZ(0);
  12.     transform:translateZ(0);
  13. }
  14. .dropload-refresh,.dropload-update,.dropload-load,.dropload-downdate{
  15.     height: 50px;
  16.     line-height: 50px;
  17.     text-align: center;
  18. }
  19. .dropload-load .loading{
  20.     display: inline-block;
  21.     height: 15px;
  22.     width: 15px;
  23.     border-radius: 100%;
  24.     margin: 6px;
  25.     border: 2px solid #666;
  26.     border-bottom-color: transparent;
  27.     vertical-align: middle;
  28.     -webkit-animation: rotate 0.75s linear infinite;
  29.     animation: rotate 0.75s linear infinite;
  30. }
  31. @-webkit-keyframes rotate {
  32.     0% {
  33.         -webkit-transform: rotate(0deg);
  34.     }
  35.     50% {
  36.         -webkit-transform: rotate(180deg);
  37.     }
  38.     100% {
  39.         -webkit-transform: rotate(360deg);
  40.     }
  41. }
  42. @keyframes rotate {
  43.     0% {
  44.         transform: rotate(0deg);
  45.     }
  46.     50% {
  47.         transform: rotate(180deg);
  48.     }
  49.     100% {
  50.         transform: rotate(360deg);
  51.     }
  52. }
  1. // dropload (下拉刷新, 上拉加载)
  3. $(function() {
  4.     // dropload
  5.     $('.js-droprefresh').dropload({
  6.         scrollArea: window,
  7.         domUp: {
  8.             domClass: 'dropload-up',
  9.             domRefresh: '<div class="dropload-refresh">↓ 下拉刷新</div>',
  10.             domUpdate: '<div class="dropload-update">↑ 释放更新</div>',
  11.             domLoad: '<div class="dropload-load"><span class="loading"></span>加载中...</div>'
  12.         },
  13.         domDown: {
  14.             domClass: 'dropload-down',
  15.             domRefresh: '<div class="dropload-refresh">↑ 上拉加载更多</div>',
  16.             domDowndate: '<div class="dropload-downdate">↓ 释放更新</div>',
  17.             domLoad: '<div class="dropload-load"><span class="loading"></span>加载中...</div>'
  19.         },
  20.         loadUpFn: function(me) {
  22.             // 为了测试，延迟1秒加载
  23.             setTimeout(function() {
  25.                 // 每次数据加载完，必须重置
  26.                 me.resetload();
  28.                 // 解锁
  29.                 me.unlock();
  31.             }, 1000);
  33.         },
  34.         loadDownFn: function(me) {
  37.             setTimeout(function() {
  38.                 // 每次数据加载完，必须重置
  39.                 me.resetload();
  40.                 me.unlock();
  41.             }, 1000);
  44.         },
  45.         threshold: 0
  46.     });
  47. });

侧滑--slideout (主动, 侧不动)

slideout( github )

  1. <script type="text/javascript" src="../js/slideout.min.js"></script>
  3. <div id="panel" class = "slideout-panel">
  4.     // 主面板
  5. </div>
  6. <div id="menu" class = "slideout-menu">
  7.     // 侧滑菜单
  8. </div>
  1. // sliderout.js对应css
  2. body {
  3.   width: 100%;
  4.   height: 100%;
  5. }
  7. .slideout-menu {
  8.     position: fixed;
  9.     top: 0;
  10.     bottom: 0;
  11.     width: 12.25rem;
  12.     height: 100%;
  13.     overflow-y: scroll;
  14.     overflow-x:hidden;
  15.     -webkit-overflow-scrolling: touch;
  16.     z-index: 0;
  17.     display: none;
  18. }
  19. .slideout-menu-left {
  20.     left: 0;
  21. }
  22. .slideout-menu-right {
  23.     right: 0;
  24. }
  25. .slideout-panel {
  26.     position: relative;
  27.     z-index: 1;
  28.     will-change: transform;
  29.     background-color: #fff;
  30.     /* A background-color is required */
  31.     height: 100%;
  32. }
  33. .slideout-open,
  34. .slideout-open body,
  35. .slideout-open .slideout-panel {
  36.     overflow: hidden;
  37. }
  38. .slideout-open .slideout-menu {
  39.     display: block;
  40. }
  42. /* 自定义 -- 遮罩层 */
  43. #shadow{
  44.     display: none;
  45.     position: fixed;
  46.     top:0;
  47.     bottom:0;
  48.     left:0;
  49.     width: 100%;
  50.     background:rgba(0,0,0,0.7);
  51.     z-index: 10;
  52. }
  1. window.onload = function() {
  2.     var slideout = new Slideout({
  3.         'panel': $('#panel').get(0),
  4. 		'menu': $('#menu').get(0),
  5.         'side': 'right',
  6.         'padding' : 12.25*parseFloat($('html').css('fontSize'))
  7.     });
  9.     $('.seeMore').click(function  () {
  10.         // 可以侧滑
  11.         slideout.toggle();
  12.     });
  14.     // 遮罩层的变化
  15.     slideout.on('open', function() {
  16.         $('#shadow').fadeIn();
  17.     });
  19.     slideout.on('close', function() {
  20.         $('#shadow').fadeOut();
  21.     });
  23.     $('.cancelBtn').click(function(){
  24.         slideout.close();
  25.     });
  27. };

CLCL中的积累

  1. 1. @extend %fixedBox;         // 父flex
  2. 2. @include fixedBoxFlex();   // 子flex
  3. 3. @extend %fixedBoxSizing;   // box-sizing
  4. 4. @include fixedBorderRadius();   // 圆角
  5. 5. -webkit-justify-content:space-between;    // 均分, space-between || around-between;
  6.         justify-content:space-between;
  7. 6.

css的居中

http://www.tuicool.com/articles/vY3UVfE

1. 绝对居中

优点：

  1. 支持跨浏览器，包括IE8-IE10.
  2. 无需其他特殊标记，CSS代码量少
  3. 支持百分比%属性值和min-/max-属性
  4. 只用这一个类可实现任何内容块居中
  5. 不论是否设置padding都可居中（在不使用box-sizing属性的前提下）
  6. 内容块可以被重绘。
  7. 完美支持图片居中。

缺点：

1.必须声明高度（查看可变高度Variable Height）。
2.建议设置overflow:auto来防止内容越界溢出。（查看溢出Overflow）。
3.在Windows Phone设备上不起作用。 

  1. 1. 容器内（Within Container）
  2. // 父容器
  3. .Center-Container { position: relative; } 
  4. // 子容器
  5. .Absolute-Center { 
  6.     width: 50%; 
  7.     height: 50%; 
  8.     overflow: auto; 
  9.     margin: auto; 
  10.     position: absolute; 
  11.     top: 0; 
  12.     left: 0; 
  13.     bottom: 0; 
  14.     right: 0; 
  15. }
  17. 2. 视区内（Within Viewport）
  18. .Absolute-Center.is-Fixed {
  19.   position: fixed;
  20.   z-index: 999;
  21. }
  23. 3. 边栏 (Offsets)
  24. // 左侧
  25. .Absolute-Center.is-Left {
  26.   right: auto; 
  27.   left: 20px;
  28. }
  29. // 右侧
  30. .Absolute-Center.is-Right {
  31.   left: auto; 
  32.   right: 20px;
  33. }
  35. 4. 响应式/自适应(Responsive)
  36. // 支持%,min-width,max-width,padding
  38. .Absolute-Center.is-Responsive {
  39.   width: 60%; 
  40.   height: 60%;
  41.   min-width: 200px;
  42.   max-width: 400px;
  43.   padding: 40px;
  44. }
  46. 5. 重绘居中(resizing)
  47. // 窗口可以拖拉调整
  48. .Absolute-Center.is-Resizable {
  49.   min-width: 20%;
  50.   max-width: 80%;
  51.   min-height: 20%;
  52.   max-height: 80%;
  53.   resize: both;   // 使块元素可拖动变化
  54.   transtion:all 0.3s;  // 使重绘平滑过渡,主要是长宽的变化
  55.   overflow: auto;
  56. }
  58. 6. 图片居中
  59. // 对img图片用
  60. .Absolute-Center.is-Image {
  61.   height: auto;
  62. }

2. 负外边距(Negative Margins)

优点：

  1. 良好的跨浏览器特性，兼容IE6-IE7。

  2. 代码量少。

缺点：

  1. 不能自适应。不支持百分比尺寸和min-/max-属性设置。

  2. 内容可能溢出容器。

  3. 边距大小与padding,和是否定义box-sizing: border-box有关，计算需要根据不同情况。 

  1. .is-Negative {
  2.         width: 300px;
  3.         height: 200px;
  4.         padding: 20px;
  5.         position: absolute;
  6.         top: 50%; left: 50%;
  7.         margin-left: -170px; /* (width + padding)/2 */
  8.         margin-top: -120px; /* (height + padding)/2 */
  9. }

3. 变形（Transforms）

优点：

  1. 内容可变高度

  2. 代码量少

缺点：

  1. IE8不支持

  2. 属性需要写浏览器厂商前缀

  3. 可能干扰其他transform效果

  4. 某些情形下会出现文本或元素边界渲染模糊的现象 

  1. .is-Transformed { 
  2.   width: 50%;
  3.   margin: auto;
  4.   position: absolute;
  5.   top: 50%; left: 50%;
  6.   -webkit-transform: translate(-50%,-50%);
  7.       -ms-transform: translate(-50%,-50%);
  8.           transform: translate(-50%,-50%);
  9. }

4. 表格单元格（Table-Cell）

优点：

  1. 高度可变
  2. 内容溢出会将父元素撑开。
  3. 跨浏览器兼容性好。

缺点：

  1. 需要额外html标记 
  1. <div class="Center-Container is-Table">
  2.   <div class="Table-Cell">
  3.     <div class="Center-Block">
  4.     <!-- CONTENT -->
  5.     </div>
  6.   </div>
  7. </div>
  1. .Center-Container.is-Table { display: table; }
  2. .is-Table .Table-Cell {
  3.   display: table-cell;
  4.   vertical-align: middle;
  5. }
  6. .is-Table .Center-Block {
  7.   width: 50%;
  8.   margin: 0 auto;
  9. }

5. 行内块元素（Inline-Block）

优点：

  1. 高度可变

  2. 内容溢出会将父元素撑开。

  3. 支持跨浏览器，也适应于IE7。

缺点：

1.需要一个容器

2.水平居中依赖于margin-left: -0.25em;该尺寸对于不同的字体/字号需要调整。

3.内容块宽度不能超过容器的100% - 0.25em。 

  1. <div class="Center-Container is-Inline">
  2.   <div class="Center-Block">
  3.     <!-- CONTENT -->
  4.   </div>
  5. </div>
  1. .Center-Container.is-Inline { 
  2.   text-align: center;
  3.   overflow: auto;
  4. }
  6. .Center-Container.is-Inline:after,
  7. .is-Inline .Center-Block {
  8.   display: inline-block;
  9.   vertical-align: middle;
  10. }
  12. .Center-Container.is-Inline:after {
  13.   content: '';
  14.   height: 100%;
  15.   margin-left: -0.25em; /* To offset spacing. May vary by font */
  16. }
  18. .is-Inline .Center-Block {
  19.   max-width: 99%; /* Prevents issues with long content causes the content block to be pushed to the top */
  20.   /* max-width: calc(100% - 0.25em) /* Only for IE9+ */ 
  21. }

6. Flexbox(Flex布局)

  1. .Center-Container.is-Flex{
  2.     display:flex;
  3. }
  5. .flex-center{
  6.     justify-content:center;  /* 主轴居中 */
  7.     align-items:center;     /* 交叉轴居中 */
  8. }

Require.js基本用法

require.config的路径问题

  1. 1. baseUrl在相对路径写法时, 是相对引用的html
  2. 2. baseUrl绝对路径是服务器根目录开始的
  3. 3. 不写baseUrl时, paths中相对路径是相对于当前入口文件
  4. 4. paths中要省略xxx.js后的js

基本框架

  1. <!-- html中 -->
  2. <script src="../../js/require.js" data-main="../../js/app/app"></script>

data-main入口文件

  1. // app.js
  2. require.config({
  3.     baseUrl : "",
  4.     paths : {
  5.         "jquery": "../lib/jquery.min-1.9.1",
  6.         "jq.ui" : "../lib/jquery.ui.min",
  7.         "autoWidth" : "../tool/autoWidth",
  8.         "jq.dropload" : "../tool/dropload"
  9.     }
  10. });
  12. require(['jquery', 'autoWidth', 'jq.ui', 'jq.dropload'],function ($, _FixedWidth) {
  13.     // 自动适配不同屏幕宽度
  14.     _FixedWidth.autoWidth();
  15. }

其中一个自定义的模块

  1. // autoWidth.js
  3. define(['jquery'],function ($){
  5.     // 适应不同手机屏幕
  6.         function autoWidth() {
  7.             init();
  8.             window.onresize = function () {
  9.                 init();
  10.             };
  11.             function init() {
  12.                 var fixedWidth = Math.max(document.documentElement.clientWidth, document.body.clientWidth);
  13.                 var w = fixedWidth / 18.75;
  14.                 var html = document.querySelector("html");
  15.                 html.style.fontSize = w + "px";
  17.                 $('body,html').height(Math.max(document.documentElement.clientHeight, document.body.clientHeight));
  18.             }
  19.         }
  21.     return {
  23.         autoWidth : autoWidth
  24.     };
  26. });

非AMD模块的改造(jq插件)

  1. // 方法一: 
  2. ;(function (factory) {
  3.     if (typeof define === "function" && define.amd) {
  4.         // AMD模式
  5.         define([ "jquery" ], factory);
  6.     } else {
  7.         // 全局模式
  8.         factory(jQuery);
  9.     }
  10. }(function ($) {
  11.     $.fn.jqueryPlugin = function () {
  12.         //插件代码
  13.     };
  14. }));
  16. // 方法二
  17. define(["jquery"], // Require jquery
  18.        function($){
  19. //把你原来的插件代码放这里吧，这样就行了
  20. //注意文件命名哦
  21. });
  23. // 方法三
  24. require.config({
  25.    baseUrl: "js",
  26.    paths: {
  27.       "jquery": "jquery-1.8.3.min",
  28.       "jquery.form": "jquery.form"　　　　
  30.    },
  31.    shim: {
  33. 　　  "jquery.form" : ["jquery"]
  35. 　　
  36.    }
  37. });
  39. /* 这样配置之后我们就可以使用加载插件后的jquery了 */
  41. require.config(["jquery", "jquery.form"], function($){
  42.     $(function(){
  43.         $("#form").ajaxSubmit({...});
  44.     })
  45. })

Require.js中使用jQuery UI组件

  1. /* Require.js中使用jQuery UI组件 */
  3. (function (widgetFactory) {
  5.     if (typeof define === "function" && define.amd) {
  6.         // AMD模式
  7.         define("jquery.ui.widget", ["jquery"], function () {
  9.             widgetFactory(window.jQuery);
  11.         });
  12.     } else {
  13.         // 全局模式
  14.         widgetFactory(window.jQuery);
  15.     }
  16. }
  17. (function ($, undefined) {
  19.     // jQuery Widget Factory 代码
  21. }));

自己编写支持AMD的库

  1. ;(function (fn){
  2.     if ( typeof define === "function" && define.amd ) {
  4.         // AMD. Register as an anonymous module.
  5.         define(fn);
  6.     } else {
  8.         // Browser globals
  9.         // 以我的库为例  返回mTools
  10.         window.mTools = fn();
  11.     }
  12. })(function(){
  13.     我们的js库
  14.     return {
  15.        //模块返回值
  16.     }        
  18. });
添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注