unique-interface
Version:
无UI组件库
38 lines (37 loc) • 1.28 kB
HTML
<div v-if="svgResult" class="svg-circle i-b" >
<slot name="header"></slot>
<svg
:width="svgResult.svg.width"
:height="svgResult.svg.height"
version="1.1"
xmlns="http://www.w3.org/2000/svg">
<path
fill="transparent"
:d="svgResult.svg.d"
class="path-base"
:style="{strokeWidth:params.strokeWidth}">
</path>
<path
v-if="svgResult.availableLine"
fill="transparent"
:d="svgResult.svg.d"
class="path-base path-fill"
:style="{strokeWidth:params.strokeWidth, strokeDasharray: svgResult.availableLine + ' 999999'}">
</path>
<text
:x="svgResult.svg.width / 2"
:y="svgResult.svg.height / 2"
class="svg-circle-count">
{{ svgResult.available }}
</text>
</svg>
<p>{{ svgResult.desc }}</p>
<div class="amount-tip">
<slot name="footer" :available="svgResult.available">
<template v-if="svgResult.available <= 0 ">
<span class="icon-warning uicon-direction-left-base"></span>
<span>购买额度请联系渠道合作对接人</span>
</template>
</slot>
</div>
</div>