haowanShow/miniprogram/pages/chat-list/view/chat-item-head.wxml

<template name="chat-item-head">
    <view class="chat-item-head-super-style">
        <image class="chat-head-style" src="{{headUrl || 'data:image/svg+xml;base64,PHN2ZyBpZD0iaW1nX215X2F2YXRhcl9kZWZhdWx0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogI2Q5ZmZmZjsNCiAgICAgIH0NCg0KICAgICAgLmNscy0yIHsNCiAgICAgICAgZmlsbDogIzczOGM5YjsNCiAgICAgIH0NCg0KICAgICAgLmNscy0zIHsNCiAgICAgICAgZmlsbDogI2Y4ZjFlMDsNCiAgICAgIH0NCg0KICAgICAgLmNscy00IHsNCiAgICAgICAgZmlsbDogIzMwMmIyYjsNCiAgICAgIH0NCg0KICAgICAgLmNscy01IHsNCiAgICAgICAgZmlsbDogI2U0ZWVlZjsNCiAgICAgIH0NCg0KICAgICAgLmNscy02IHsNCiAgICAgICAgZmlsbDogI2YxZjVmMzsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGlkPSLot6/lvoRfMzcwIiBkYXRhLW5hbWU9Iui3r+W+hCAzNzAiIGNsYXNzPSJjbHMtMSIgZD0iTTMwLjcyNiwzMC40N20tMzAsMGEzMCwzMCwwLDEsMCwzMC0zMCwzMCwzMCwwLDAsMC0zMCwzMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjcyNiAtMC40NykiLz4NCiAgPHBhdGggaWQ9Iui3r+W+hF8zNzEiIGRhdGEtbmFtZT0i6Lev5b6EIDM3MSIgY2xhc3M9ImNscy0yIiBkPSJNMjIxLjA3NCw4MTcuMjIzYTI4Ljg4OCwyOC44ODgsMCwwLDAtNC44ODMtMS4zNjhoMGMtMS4wMjUtLjItMi4xLS4zNy0zLjIzMi0uNWEyNC4zMDksMjQuMzA5LDAsMCwxLTExLjYyMSwwYy0xLjIxNS4xNDEtMi4zNzUuMzI1LTMuNDY5LjU0Ny4xLjAzMy4yLjA2MS4zLjA5MWwuMS4wMzEtLjEtLjAzMWMtLjEtLjAzLS4yLS4wNTgtLjMtLjA5MWEyOC42MzMsMjguNjMzLDAsMCwwLTQuNjI3LDEuMzExLDIyLjE0MSwyMi4xNDEsMCwwLDAtNS4xLDMuNTY2LDI5Ljk5NSwyOS45OTUsMCwwLDAsMzguMDE3LS4wMTVBMjEuOTEyLDIxLjkxMiwwLDAsMCwyMjEuMDc0LDgxNy4yMjNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc3LjE1MiAtNzY3LjU2MikiLz4NCiAgPHBhdGggaWQ9Iui3r+W+hF8zNzIiIGRhdGEtbmFtZT0i6Lev5b6EIDM3MiIgY2xhc3M9ImNscy0zIiBkPSJNMjk2LjI4NywzNDIuNjE0YTEuNDM5LDEuNDM5LDAsMCwwLTEuMjIxLjE1NywxNi42NTMsMTYuNjUzLDAsMCwwLTEuMDU4LTYuNDgxSDI3Mi4yMjJhMTYuODc2LDE2Ljg3NiwwLDAsMC0xLjA1NCw2Ljc3NSwxLjQ0MSwxLjQ0MSwwLDAsMC0xLjIyNS0uMTU5Yy0xLjA4NC40MDktMS40MTksMi4zNTctLjc0OCw0LjM1czIuMDkzLDMuMjc2LDMuMTc2LDIuODY3YTIzLjcsMjMuNywwLDAsMCw0LjA4Niw3LjkzMnEuNDM4LjUzNy44OTQsMS4wMXY1LjMxN2wtLjA0MSwwYTI0LjMxLDI0LjMxLDAsMCwwLDExLjYyMSwwbC0uMDUzLS4wMDZ2LTUuMzE0cS40NTktLjQ3NS45LTEuMDE3YTIzLjY4MSwyMy42ODEsMCwwLDAsNC4wNzktNy45MTMsMy41NDksMy41NDksMCwwLDAsMy4xNzgtMy4xNzNDMjk3LjcwNiwzNDQuOTcxLDI5Ny4zNzEsMzQzLjAyMywyOTYuMjg3LDM0Mi42MTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjUzLjEyNSAtMzE2LjU5NCkiLz4NCiAgPHBhdGggaWQ9Iui3r+W+hF8zNzMiIGRhdGEtbmFtZT0i6Lev5b6EIDM3MyIgY2xhc3M9ImNscy00IiBkPSJNMzE2LjYyNSwxNzkuMTkzYTIyLjM5MSwyMi4zOTEsMCwwLDAsMS4wNTgsNi43NjFzNS4yLTE1LjEtNC41Ny0xNS4xYzAsMC0yNS4yOTEtOC43OTQtMTkuMzI4LDE1LjQwNWE2LjA4Myw2LjA4MywwLDAsMCwuNDY0LDEuMjI0QzI5OC4yNTUsMTgxLjU1NywzMTEuNTI3LDE4My40NzcsMzE2LjYyNSwxNzkuMTkzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3NS43NDEgLTE1OS4zOTUpIi8+DQogIDxwYXRoIGlkPSLot6/lvoRfMzc1IiBkYXRhLW5hbWU9Iui3r+W+hCAzNzUiIGNsYXNzPSJjbHMtNSIgZD0iTTUxMS43NzIsODE2LjA3MWE2LjYyOCw2LjYyOCwwLDAsMCw0LjMzMSwyLjdzMS41OS0yLjExMywxLjQ3Ny0zLjQwOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00ODEuOCAtNzY3LjU3NSkiLz4NCiAgPHBhdGggaWQ9Iui3r+W+hF8zNzYiIGRhdGEtbmFtZT0i6Lev5b6EIDM3NiIgY2xhc3M9ImNscy01IiBkPSJNNDE4LjQxNCw4MTYuMDg2YTYuNjI4LDYuNjI4LDAsMCwxLTQuMzMxLDIuN3MtMS41OS0yLjExMy0xLjQ3Ny0zLjQwOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODguNDQ1IC03NjcuNTkpIi8+DQogIDxwYXRoIGlkPSLot6/lvoRfMzc3IiBkYXRhLW5hbWU9Iui3r+W+hCAzNzciIGNsYXNzPSJjbHMtNiIgZD0iTTUwMyw4NDQuOTgybS0uNTQ2LDBhLjU0Ni41NDYsMCwxLDAsLjU0Ni0uNTQ2QS41NDYuNTQ2LDAsMCwwLDUwMi40NTksODQ0Ljk4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzMuMDMzIC03OTQuOTM5KSIvPg0KICA8cGF0aCBpZD0i6Lev5b6EXzM3OCIgZGF0YS1uYW1lPSLot6/lvoQgMzc4IiBjbGFzcz0iY2xzLTYiIGQ9Ik01MDIuOTU2LDg4MC43MjNtLS41NDYsMGEuNTQ2LjU0NiwwLDEsMCwuNTQ2LS41NDZBLjU0Ni41NDYsMCwwLDAsNTAyLjQxLDg4MC43MjNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDcyLjk4NyAtODI4LjU4NCkiLz4NCiAgPHBhdGggaWQ9Iui3r+W+hF8zNzkiIGRhdGEtbmFtZT0i6Lev5b6EIDM3OSIgY2xhc3M9ImNscy02IiBkPSJNNTAyLjk1Niw5MTcuMW0tLjU0NiwwYS41NDYuNTQ2LDAsMSwwLC41NDYtLjU0NkEuNTQ2LjU0NiwwLDAsMCw1MDIuNDEsOTE3LjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDcyLjk4NyAtODYyLjgyNCkiLz4NCjwvc3ZnPg0K'}}" />
        <text wx:if="{{unread>0}}" class="unread-style">{{unread<=99?unread:'99+'}}</text>
    </view>
</template>