i-rubik
Version:
A Vue.js 2.0+ UI Components Framework
1 lines • 4.84 kB
JavaScript
webpackJsonp([14,29],{236:function(t,e,v){v(306);var _=v(0)(v(263),v(329),"data-v-368d3790",null);t.exports=_.exports},263:function(t,e,v){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"helper"}},283:function(t,e,v){e=t.exports=v(59)(),e.push([t.i,"code[data-v-368d3790]{width:auto!important;margin-bottom:5px!important}code.code[data-v-368d3790]{width:100%!important}","",{version:3,sources:["/./example/views/Helper.vue"],names:[],mappings:"AACA,sBACE,qBAAuB,AACvB,2BAA8B,CAC/B,AACD,2BACE,oBAAuB,CACxB",file:"Helper.vue",sourcesContent:["\ncode[data-v-368d3790] {\n width: auto !important;\n margin-bottom: 5px !important;\n}\ncode.code[data-v-368d3790] {\n width: 100% !important;\n}"],sourceRoot:"webpack://"}])},306:function(t,e,v){var _=v(283);"string"==typeof _&&(_=[[t.i,_,""]]),_.locals&&(t.exports=_.locals);v(226)("b803cc4e",_,!0)},329:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,v=t._self._c||e;return v("article",[v("h1",[t._v("工具 Helper")]),t._v(" "),t._m(0),t._v(" "),v("h4",[t._v("1、间距 Space")]),t._v(" "),v("h6",[t._v("类型 margin 和 padding")]),t._v(" "),t._m(1),t._v(" "),v("br"),t._v(" "),v("h6",[t._v("方向")]),t._v(" "),t._m(2),t._v(" "),v("br"),t._v(" "),v("br"),t._v(" "),v("h6",[t._v("margin 和 padding 大小")]),t._v(" "),t._m(3),t._v(" "),v("br"),t._v(" "),v("br"),t._v(" "),v("h4",[t._v("2、文本对齐")]),t._v(" "),t._m(4),t._v(" "),v("br"),t._v(" "),v("br"),t._v(" "),v("h4",[t._v("3、浮动 float")]),t._v(" "),v("br"),t._v(" "),t._m(5),t._v(" "),v("br"),t._v(" "),v("br"),t._v(" "),v("h4",[t._v("3、标题 h1 ~ h6 标签：")]),t._v(" "),v("br"),t._v(" "),v("h1",[t._v("标题 H1")]),t._v(" "),v("h2",[t._v("标题 H2")]),t._v(" "),v("h3",[t._v("标题 H3")]),t._v(" "),v("h4",[t._v("标题 H4")]),t._v(" "),v("h5",[t._v("标题 H5")]),t._v(" "),v("h6",[t._v("标题 H6")]),t._v(" "),v("br"),t._v(" "),v("br"),t._v(" "),v("h4",[t._v("4、其他")]),t._v(" "),v("br"),t._v(" "),t._m(6),t._v(" "),v("br"),t._v(" "),v("br"),t._v(" "),v("br"),t._v(" "),v("Markup",{attrs:{lang:"html"}},[t._v('\n <p class="mt-1">margin-top-1</p>\n <p class="pl-1">padding-left-1</p>\n <div class="pa-3">padding-all-3</div>\n <r-button class="ma-3">margin-all-3</r-button>\n\n <p class="text-right"> right </p>\n <p class="text-left"> left </p>\n <p class="text-center"> center </p>\n <p class="text-justify"> justify </p>\n\n <h1>标题 H1</h1>\n <h2>标题 H2</h2>\n <h3>标题 H3</h3>\n <h4>标题 H4</h4>\n <h5>标题 H5</h5>\n <h6>标题 H6</h6>\n ')])],1)},staticRenderFns:[function(){var t=this,e=t.$createElement,v=t._self._c||e;return v("p",[t._v("\n PS: helper 中所有的 css 属性值都设置为了 "),v("code",[t._v("!important")])])},function(){var t=this,e=t.$createElement,v=t._self._c||e;return v("ul",[v("li",[v("code",[t._v("m")]),t._v(" - margin")]),t._v(" "),v("li",[v("code",[t._v("p")]),t._v(" - padding")])])},function(){var t=this,e=t.$createElement,v=t._self._c||e;return v("ul",[v("li",[v("code",[t._v("t")]),t._v(" - top")]),t._v(" "),v("li",[v("code",[t._v("r")]),t._v(" - right")]),t._v(" "),v("li",[v("code",[t._v("b")]),t._v(" - bottom")]),t._v(" "),v("li",[v("code",[t._v("l")]),t._v(" - left")]),t._v(" "),v("li",[v("code",[t._v("x")]),t._v(" - x 方向 right left")]),t._v(" "),v("li",[v("code",[t._v("y")]),t._v(" - y 方向 top bottom")]),t._v(" "),v("li",[v("code",[t._v("a")]),t._v(" - 所有方向 上右下左")])])},function(){var t=this,e=t.$createElement,v=t._self._c||e;return v("ul",[v("li",[v("code",[t._v("-0")]),t._v(" - 0")]),t._v(" "),v("li",[v("code",[t._v("-1")]),t._v(" - 1rem * .25")]),t._v(" "),v("li",[v("code",[t._v("-2")]),t._v(" - 1rem * .50")]),t._v(" "),v("li",[v("code",[t._v("-3")]),t._v(" - 1rem (14px)")]),t._v(" "),v("li",[v("code",[t._v("-4")]),t._v(" - 1rem * 1.5")]),t._v(" "),v("li",[v("code",[t._v("-5")]),t._v(" - 1rem * 3")])])},function(){var t=this,e=t.$createElement,v=t._self._c||e;return v("ul",[v("li",[t._v("text-left: "),v("code",[t._v("text-align: left !important")])]),t._v(" "),v("li",[t._v("text-right: "),v("code",[t._v("text-align: right !important")])]),t._v(" "),v("li",[t._v("text-center: "),v("code",[t._v("text-align: center !important")])]),t._v(" "),v("li",[t._v("text-justify: "),v("code",[t._v("text-align: justify !important")])])])},function(){var t=this,e=t.$createElement,v=t._self._c||e;return v("ul",[v("li",[t._v("left: "),v("code",[t._v("float: left !important")])]),t._v(" "),v("li",[t._v("right: "),v("code",[t._v("float: right !important")])])])},function(){var t=this,e=t.$createElement,v=t._self._c||e;return v("ul",[v("li",[t._v("relative: "),v("code",[t._v("position: relative !important")])]),t._v(" "),v("li",[t._v("hidden: "),v("code",[t._v("display: none !important")])])])}]}}});