Style 内置样式

引入

在 app.wxss 中引入内置样式文件

@import "miniprogram_npm/mind-ui-weapp/assets/style/border.wxss";

1px 边框

为元素添加 Retina 屏幕下的 1px 边框，该样式基于 css 伪类 transform 实现。

<!-- 上边框 -->
<view class="m-hairline--top"></view>

<!-- 下边框 -->
<view class="m-hairline--bottom"></view>

<!-- 左边框 -->
<view class="m-hairline--left"></view>

<!-- 右边框 -->
<view class="m-hairline--right"></view>

<!-- 左上边框  -->
<view class="m-hairline--lt"></view>

<!-- 上右边框 -->
<view class="m-hairline--tr"></view>

<!-- 右下边框 -->
<view class="m-hairline--rb"></view>

<!-- 左下边框 -->
<view class="m-hairline--lb"></view>

<!-- 左右边框 -->
<view class="m-hairline--lr"></view>

<!-- 上下边框 -->
<view class="m-hairline--tb"></view>

<!-- 全边框 -->
<view class="m-hairline--surround"></view>