优化页面

This commit is contained in:
pengxiaolong
2025-06-09 23:02:05 +08:00
parent c5042d08c3
commit 8c70c2c850
605 changed files with 661 additions and 945 deletions

View File

@@ -1 +1 @@
"use strict";const e=require("../../../../common/vendor.js");require("../../../adapter-vue.js");const n=require("../../../utils/env.js"),r=e.defineComponent({__name:"index",props:{url:{default:"https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png"},size:{default:"36px"},borderRadius:{default:"5px"},useSkeletonAnimation:{type:Boolean,default:!1}},emits:["onLoad","onError"],setup(r,{emit:o}){const t=e.ref("https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png"),u=o,s=r,{size:a,url:f,borderRadius:i,useSkeletonAnimation:d}=e.toRefs(s);let c=0;const p=e.ref(!1),l=e.ref(!1);function m(e){p.value=!0,u("onLoad",e)}function v(e){c+=1,c>3||(n.isUniFrameWork?l.value=!0:e.currentTarget.src=t.value,u("onError",e))}return(r,o)=>e.e({a:e.unref(n.isUniFrameWork)},e.unref(n.isUniFrameWork)?e.e({b:!e.unref(l)},e.unref(l)?{f:e.unref(t),g:e.o$1(m),h:e.o$1(v)}:{c:e.unref(f)||e.unref(t),d:e.o$1(m),e:e.o$1(v)}):{i:e.unref(f)||e.unref(t),j:e.o$1(m),k:e.o$1(v)},{l:e.unref(d)&&!e.unref(p)},e.unref(d)&&!e.unref(p)?{m:e.unref(p)?1:"",n:e.unref(d)?1:""}:{},{o:e.unref(a),p:e.unref(a),q:e.unref(i)})}}),o=e._export_sfc(r,[["__scopeId","data-v-0f2183fb"]]);wx.createComponent(o);
"use strict";const e=require("../../../../common/vendor.js");require("../../../adapter-vue.js");const n=require("../../../utils/env.js"),r=e.defineComponent({__name:"index",props:{url:{default:"https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png"},size:{default:"36px"},borderRadius:{default:"5px"},useSkeletonAnimation:{type:Boolean,default:!1}},emits:["onLoad","onError"],setup(r,{emit:o}){const t=e.ref("https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png"),u=o,s=r,{size:a,url:f,borderRadius:i,useSkeletonAnimation:d}=e.toRefs(s);let c=0;const p=e.ref(!1),l=e.ref(!1);function m(e){p.value=!0,u("onLoad",e)}function v(e){c+=1,c>3||(n.isUniFrameWork?l.value=!0:e.currentTarget.src=t.value,u("onError",e))}return(r,o)=>e.e({a:e.unref(n.isUniFrameWork)},e.unref(n.isUniFrameWork)?e.e({b:!e.unref(l)},e.unref(l)?{f:e.unref(t),g:e.o$1(m),h:e.o$1(v)}:{c:e.unref(f)||e.unref(t),d:e.o$1(m),e:e.o$1(v)}):{i:e.unref(f)||e.unref(t),j:e.o$1(m),k:e.o$1(v)},{l:e.unref(d)&&!e.unref(p)},e.unref(d)&&!e.unref(p)?{m:e.unref(p)?1:"",n:e.unref(d)?1:""}:{},{o:e.unref(a),p:e.unref(a),q:e.unref(i)})}}),o=e._export_sfc(r,[["__scopeId","data-v-35b53489"]]);wx.createComponent(o);

View File

@@ -1 +1 @@
<view class="avatar-container data-v-0f2183fb" style="{{'width:' + o + ';' + ('height:' + p) + ';' + ('border-radius:' + q)}}"><block wx:if="{{a}}"><image wx:if="{{b}}" class="avatar-image data-v-0f2183fb" src="{{c}}" bindload="{{d}}" binderror="{{e}}"/><image wx:else class="avatar-image data-v-0f2183fb" src="{{f}}" bindload="{{g}}" binderror="{{h}}"/></block><image wx:else class="avatar-image data-v-0f2183fb" src="{{i}}" bindload="{{j}}" binderror="{{k}}"></image><view wx:if="{{l}}" class="{{['data-v-0f2183fb', 'placeholder', m && 'hidden', n && 'skeleton-animation']}}"/></view>
<view class="avatar-container data-v-35b53489" style="{{'width:' + o + ';' + ('height:' + p) + ';' + ('border-radius:' + q)}}"><block wx:if="{{a}}"><image wx:if="{{b}}" class="avatar-image data-v-35b53489" src="{{c}}" bindload="{{d}}" binderror="{{e}}"/><image wx:else class="avatar-image data-v-35b53489" src="{{f}}" bindload="{{g}}" binderror="{{h}}"/></block><image wx:else class="avatar-image data-v-35b53489" src="{{i}}" bindload="{{j}}" binderror="{{k}}"></image><view wx:if="{{l}}" class="{{['data-v-35b53489', 'placeholder', m && 'hidden', n && 'skeleton-animation']}}"/></view>

View File

@@ -1 +1 @@
.data-v-0f2183fb:not(not){display:flex;flex-direction:column;box-sizing:border-box;min-width:0}.avatar-container.data-v-0f2183fb{position:relative;justify-content:center;align-items:center;overflow:hidden;flex:0 0 auto}.avatar-container .placeholder.data-v-0f2183fb{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ececec;transition:opacity .3s,background-color .1s ease-out}.avatar-container .placeholder.skeleton-animation.data-v-0f2183fb{animation:breath-0f2183fb 2s linear .3s infinite}.avatar-container .placeholder.hidden.data-v-0f2183fb{opacity:0}.avatar-container .avatar-image.data-v-0f2183fb{width:100%;height:100%}@keyframes breath-0f2183fb{50%{background-color:#d3d3d3}}
.data-v-35b53489:not(not){display:flex;flex-direction:column;box-sizing:border-box;min-width:0}.avatar-container.data-v-35b53489{position:relative;justify-content:center;align-items:center;overflow:hidden;flex:0 0 auto}.avatar-container .placeholder.data-v-35b53489{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ececec;transition:opacity .3s,background-color .1s ease-out}.avatar-container .placeholder.skeleton-animation.data-v-35b53489{animation:breath-35b53489 2s linear .3s infinite}.avatar-container .placeholder.hidden.data-v-35b53489{opacity:0}.avatar-container .avatar-image.data-v-35b53489{width:100%;height:100%}@keyframes breath-35b53489{50%{background-color:#d3d3d3}}