UNPKG

tcon

Version:
1 lines 5.55 kB
(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{190:function(t,s,e){"use strict";e.r(s);var r=e(0),a=Object(r.a)({},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"content"},[t._m(0),t._v(" "),e("p",[t._v("边框只定义 style 和 width")]),t._v(" "),e("div",{staticClass:"tip custom-block"},[e("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),e("p",[t._v("边框颜色,参见 "),e("router-link",{attrs:{to:"/basics/color.html"}},[t._v("颜色")])],1)]),t._v(" "),t._m(1),e("p",[t._v("边框样式")]),t._v(" "),t._m(2),t._m(3)])},[function(){var t=this.$createElement,s=this._self._c||t;return s("h1",{attrs:{id:"边框"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#边框","aria-hidden":"true"}},[this._v("#")]),this._v(" 边框")])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"language-stylus extra-class"},[e("pre",{pre:!0,attrs:{class:"language-stylus"}},[e("code",[e("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".bd ")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-style")]),t._v(" solid")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-width")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v("px")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".bt")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-top-style")]),t._v(" solid")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-top-width")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v("px")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".br")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-right-style")]),t._v(" solid")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-right-width")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v("px")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".bb")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-bottom-style")]),t._v(" solid")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-bottom-width")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v("px")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".bl")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-left-style")]),t._v(" solid")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-left-width")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v("px")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".bn")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-style")]),t._v(" none")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-width")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" ")]),t._v("\n")])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"language-stylus extra-class"},[e("pre",{pre:!0,attrs:{class:"language-stylus"}},[e("code",[e("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".bd-dotted")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-style")]),t._v(" dotted")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".bd-dashed")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-style")]),t._v(" dashed")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".bd-solid ")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-style")]),t._v(" solid")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".bd-none ")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token property-declaration"}},[e("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-style")]),t._v(" none")]),t._v("\n")])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"tip custom-block"},[e("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),e("p",[t._v("移动端边框提供,上边框 "),e("code",[t._v(".mbt")]),t._v(" 和 下边框 "),e("code",[t._v(".mbb")]),t._v(",通过伪元素实现 "),e("code",[t._v("0.5px")]),t._v(" 的宽度,边框颜色 "),e("code",[t._v("#eeeeee")]),t._v("。")])])}],!1,null,null,null);a.options.__file="border.md";s.default=a.exports}}]);