You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
968 B
Vue
46 lines
968 B
Vue
<template>
|
|
<view class="g-components-panel-hr g_flex_row_center" style="padding-bottom: 50px;">
|
|
<view class="g_flex_column_center">
|
|
<view class="doc-left"></view>
|
|
</view>
|
|
<view class="g_flex_column_center g_fs_14 g_c_9 g_mr_10 g_ml_10 g_pt_10 g_pb_10">{{str}}</view>
|
|
<view class="g_flex_column_center">
|
|
<view class="doc-right"></view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
/* 分隔线
|
|
* @params str 分割文案
|
|
*/
|
|
export default{
|
|
props:{
|
|
str:{
|
|
type:String,
|
|
default:()=>{
|
|
return '';
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.g-components-panel-hr{
|
|
padding-bottom: 16px;
|
|
.doc-left{
|
|
width: 43px;
|
|
height: 2px;
|
|
border: 1px solid;
|
|
border-image: linear-gradient(270deg, rgba(255,255,255,0.20), #cccccc) 1 1;
|
|
transform: rotate(180deg);
|
|
}
|
|
.doc-right{
|
|
width: 43px;
|
|
height: 2px;
|
|
border: 1px solid;
|
|
border-image: linear-gradient(270deg, rgba(255,255,255,0.20), #cccccc) 1 1;
|
|
}
|
|
}
|
|
</style> |