MD_YOSwechat/packageA/project/modules/list/index.wxml

<navigator url="/packageA/project/detail?sa_projectid={{item.sa_projectid}}" class="project-item" wx:for="{{list}}" wx:key="item.sa_projectid">
    <view class="chart">
        <view class="circle">
            <view class="circle_left ab" style="{{render.leftRate(item.winrate)}}" />
            <view class="circle_right ab" style="{{render.rightRate(item.winrate)}}" />
            <view class="circle_text">
                <text class="name">赢率</text>
                <text class="value">{{item.winrate}}%</text>
            </view>
        </view>
    </view>
    <view class="main">
        <view class="label">
            <view class="title line-1">{{item.projectname}}</view>
            <view class="state">进行中</view>
        </view>
        <view class="replenish">
            <text style="color: #666;">项目编号：</text>
            <text>{{item.projectnum}}</text>
        </view>
        <view class="replenish">
            <text style="color: #666;">项目地址：</text>
            <text>{{item.province+item.city+item.county+item.address}}</text>
        </view>
        <view class="replenish">
            <text style="color: #666;">项目类型：</text>
            <text>{{item.projecttype}}</text>
        </view>
        <view class="replenish">
            <text style="color: #666;">负责人：</text>
            <text>{{item.name}}</text>
        </view>
    </view>
</navigator>
<My_empty wx:if="{{list.length==0}}" />
<wxs module="render">
    module.exports = {
        rightRate: function (rate) {
            if (rate - 0 < 50) {
                return 'transform: rotate(' + 3.6 * (rate - 0) + 'deg);';
            } else {
                return 'transform: rotate(0);border-color: var(--assist);';
            }
        },
        leftRate: function (rate) {
            if (rate - 0 >= 50) {
                return 'transform: rotate(' + 3.6 * (rate - 50) + 'deg);';
            }
        }
    }
</wxs>