bwadmin/FileCollect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

home1022

Browse Source
This commit is contained in:
bwstudio
2025-10-22 08:19:00 +08:00
parent 467b04e5b0
commit 97fbfe08d7
6040 changed files with 529099 additions and 9685 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/componentsA/line/line.nvue
+74
View File
@@ -0,0 +1,74 @@
<template>
<view class="u-page">
<view class="u-demo-block">
<text class="u-demo-block__title">基本案例</text>
<view class="u-page__line-item">
<u-line></u-line>
</view>
</view>
<view class="u-demo-block">
<text class="u-demo-block__title">自定义颜色</text>
<view class="u-page__line-item">
<u-line color="#2979ff"></u-line>
</view>
</view>
<view class="u-demo-block">
<text class="u-demo-block__title">自定义长度</text>
<view class="u-page__line-item">
<u-line length="200"></u-line>
</view>
</view>
<view class="u-demo-block">
<text class="u-demo-block__title">自定义方向</text>
<view class="u-page__line-item">
<u-line
length="30"
color="#2979ff"
direction="col"
></u-line>
</view>
</view>
<view class="u-demo-block">
<text class="u-demo-block__title">是否显示1px粗线条</text>
<view class="u-page__line-item">
<u-line :hairline="false"></u-line>
</view>
</view>
<view class="u-demo-block">
<text class="u-demo-block__title">线条与上下左右元素的间距</text>
<view class="u-page__line-item">
<u-line margin="20"></u-line>
</view>
</view>
<view class="u-demo-block">
<text class="u-demo-block__title">是否虚线</text>
<view class="u-page__line-item">
<u-line
color="#2979ff"
:dashed="true"
></u-line>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss">
.u-page{
&__line-item{
margin-top:5px;
}
}
</style>