更新记录

V4.0（2025-03-07） 下载此版本

2025.3

V3.0（2025-03-07） 下载此版本

2025年3月

平台兼容性



<template>
    <view style="padding: 10px;">
        <view class="padding-10">
            <zl-divider/>
        </view>
        <view class="padding-10">
            <zl-divider dividerBg="linear-gradient(to right, rgba(255,255,255, 0) 0%, rgba(255, 0, 153, 0.76) 50%, rgba(255,255,255, 0) 100%);"/>
        </view>
        <view class="padding-10">
            <zl-divider dividerBg="linear-gradient(to right, rgba(255,255,255, 0) 0%, rgba(255,191,0, 0.76) 50%, rgba(255,255,255, 0) 100%);"/>
        </view>
        <view class="padding-10">
            <zl-divider  contentBg="#fff">商品详情</zl-divider>
        </view>
        <view class="padding-10">
            <zl-divider dividerBg="linear-gradient(to right, rgba(255,255,255, 0) 0%, rgba(255 ,191, 0, 0.76) 50%, rgba(255,255,255, 0) 100%);" dividerTextColor="rgba(255,191, 0,1)" contentBg="#fff">商品详情</zl-divider>
        </view>
    <view class="padding-10">
        <zl-divider dividerBg="linear-gradient(to right, rgba(255,255,255, 0) 0%, rgba(255, 191 ,0, 0.76) 50%, rgba(255,255,255, 0) 100%);" dividerTextColor="#FF0099" contentBg="#fff">商品详情</zl-divider>
    </view>
        <view class="padding-10">
            <zl-divider dividerBg="linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgba(255, 191,0, 0.76) 50%, rgba(255,255,255, 0) 100%);" :type="2"/>
        </view>
        <view class="padding-10">
            <zl-divider  height="200px"  dividerBg="linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgba(255, 191,0, 0.76) 50%, rgba(255,255,255, 0) 100%);" :type="2" dividerTextColor="rgba(255 ,191, 0,1)" contentBg="#fff">商品详情</zl-divider>
        </view>
        <view class="padding-10">
            <zl-divider height="100px" dividerBg="linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgba(255, 0, 153, 0.76) 50%, rgba(255,255,255, 0) 100%);" :type="2" dividerTextColor="#FF0099" contentBg="#fff">商品详情</zl-divider>
        </view>
    </view>
</template>
<style>
    .padding-10{
        padding:10px;
    }
</style>

对应图片示例，直接复制粘贴即可