border-width.uvue

<template>
  <!-- #ifdef APP -->
  <scroll-view style="flex: 1">
    <!-- #endif -->
    <view style="flex-grow: 1">
      <view>
        <text>border-width: 10rpx</text>
        <view class="common" style="border-width: 10rpx; border-style: solid;"></view>
      </view>

      <view>
        <text>border-left-width: 10rpx</text>
        <view class="common" style="border-left-width: 10rpx; border-left-style: solid; "></view>
      </view>

      <view>
        <text>border-top-width: 20rpx</text>
        <view class="common" style="border-top-width: 20rpx; border-top-style: solid; "></view>
      </view>

      <view>
        <text>border-right-width: 30rpx</text>
        <view class="common" style="border-right-width: 30rpx; border-right-style: solid; "></view>
      </view>

      <view>
        <text>border-bottom-width: 40rpx</text>
        <view class="common" style="border-bottom-width: 40rpx; border-bottom-style: solid; "></view>
      </view>
    </view>
    <!-- #ifdef APP -->
  </scroll-view>
  <!-- #endif -->
</template>

<style>
.common {
  width: 500rpx;
  height: 500rpx;
  background-color: gray;
}
</style>