Initial commit
This commit is contained in:
chinahu-woker
@@ -0,0 +1 @@
|
||||
"use strict";const t=require("../../../common/vendor.js"),e={name:"fui-avatar",emits:["click","error"],props:{src:{type:String,default:""},errorSrc:{type:String,default:""},mode:{type:String,default:"widthFix"},lazyLoad:{type:Boolean,default:!0},webp:{type:Boolean,default:!1},background:{type:String,default:"#D1D1D1"},size:{type:String,default:"middle"},width:{type:[Number,String],default:0},height:{type:[Number,String],default:0},shape:{type:String,default:"circle"},radius:{type:[Number,String],default:-1},text:{type:String,default:""},color:{type:String,default:"#fff"},fontSize:{type:[Number,String],default:0},fontWeight:{type:[Number,String],default:600},marginRight:{type:[Number,String],default:0},marginBottom:{type:[Number,String],default:0},index:{type:Number,default:0},params:{type:[Number,String],default:0}},computed:{wrapStyles(){return`background:${this.background};margin-right:${this.marginRight}rpx;margin-bottom:${this.marginBottom}rpx;${this.styles}`},styles(){let t="";return this.width&&(t=`width:${this.width}rpx;height:${this.height||this.width}rpx;`),-1!==this.radius&&(t+=`border-radius:${this.radius}rpx;`),t},textStyles(){let t=`color:${this.color};font-weight:${this.fontWeight};`;return this.fontSize&&(t+=`font-size:${this.fontSize}rpx;`),t}},watch:{src(t){this.src&&(this.showImg=this.src)}},data:()=>({showImg:""}),created(){this.src&&(this.showImg=this.src)},methods:{handleError(t){this.src&&(this.errorSrc&&(this.showImg=this.errorSrc),this.$emit("error",{index:this.index,params:this.params}))},handleClick(){this.$emit("click",{index:this.index,params:this.params})}}};const r=t._export_sfc(e,[["render",function(e,r,i,s,a,h){return t.e({a:i.src},i.src?{b:t.s(h.styles),c:t.n(-1===i.radius?"fui-avatar__"+i.shape:""),d:t.n(i.width?"":"fui-avatar__size-"+i.size),e:a.showImg,f:i.mode,g:i.webp,h:i.lazyLoad,i:t.o(((...t)=>h.handleError&&h.handleError(...t)))}:{},{j:!i.src&&i.text},!i.src&&i.text?{k:t.t(i.text),l:t.n(i.width?"":"fui-avatar__text-"+i.size),m:t.s(h.textStyles)}:{},{n:t.n(i.width?"":"fui-avatar__size-"+i.size),o:t.n(-1===i.radius?"fui-avatar__"+i.shape:""),p:t.s(h.wrapStyles),q:t.o(((...t)=>h.handleClick&&h.handleClick(...t)))})}],["__scopeId","data-v-05181ab5"]]);wx.createComponent(r);
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view class="{{['fui-avatar__wrap', 'data-v-05181ab5', n, o, virtualHostClass]}}" style="{{p + ';' + virtualHostStyle}}" bindtap="{{q}}"><image wx:if="{{a}}" style="{{b}}" class="{{['fui-avatar__img', 'data-v-05181ab5', c, d]}}" src="{{e}}" mode="{{f}}" webp="{{g}}" lazy-load="{{h}}" binderror="{{i}}"></image><text wx:if="{{j}}" class="{{['fui-avatar__text', 'data-v-05181ab5', l]}}" style="{{m}}">{{k}}</text><slot></slot></view>
|
||||
@@ -0,0 +1 @@
|
||||
.fui-avatar__wrap.data-v-05181ab5{position:relative;display:inline-flex;overflow:hidden;flex-shrink:0;z-index:3;flex-direction:row;align-items:center;justify-content:center}.fui-avatar__img.data-v-05181ab5{flex:1;display:block;-o-object-fit:cover;object-fit:cover}.fui-avatar__text.data-v-05181ab5{flex:1;display:block;white-space:nowrap;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;text-align:center}.fui-avatar__size-small.data-v-05181ab5{width:64rpx!important;height:64rpx!important}.fui-avatar__text-small.data-v-05181ab5{font-size:32rpx!important}.fui-avatar__size-middle.data-v-05181ab5{width:96rpx!important;height:96rpx!important}.fui-avatar__text-middle.data-v-05181ab5{font-size:44rpx!important}.fui-avatar__size-large.data-v-05181ab5{width:128rpx!important;height:128rpx!important}.fui-avatar__text-large.data-v-05181ab5{font-size:56rpx!important}.fui-avatar__circle.data-v-05181ab5{border-radius:50%!important}.fui-avatar__square.data-v-05181ab5{border-radius:8rpx!important}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view bindtouchend="{{Y}}" class="{{['fui-picker__wrap', 'data-v-5cdbf017', virtualHostClass]}}" style="{{virtualHostStyle}}"><view catchtouchmove="{{a}}" class="{{['fui-picker__mask', 'data-v-5cdbf017', b && 'fui-picker__mask-show']}}" style="{{c}}" ref="fui_pkm_ani" catchtap="{{d}}"></view><view key="{{T}}" class="{{['fui-picker__content', 'data-v-5cdbf017', U && 'fui-picker__content-dark', V && 'fui-picker__content-show', W && 'fui-picker__radius']}}" style="{{'z-index:' + X}}" ref="fui_pk_ani"><view class="{{['fui-picker__header', 'data-v-5cdbf017', p && 'fui-picker__header-dark', q && 'fui-picker__radius']}}" style="{{r}}"><text class="{{['fui-picker__btn-cancel', 'data-v-5cdbf017', f]}}" style="{{g}}" catchtap="{{h}}">{{e}}</text><block wx:if="{{$slots.d}}"><slot></slot></block><block wx:else><text class="{{['fui-picker__title', 'data-v-5cdbf017', j]}}" style="{{k}}">{{i}}</text></block><text class="{{['fui-picker__btn-sure', 'data-v-5cdbf017', m && 'fui-pk__sure-color']}}" style="{{n}}" catchtap="{{o}}">{{l}}</text></view><view class="data-v-5cdbf017" catchtouchstart="{{S}}"><picker-view mask-top-style="{{I}}" mask-bottom-style="{{J}}" mask-style="{{K}}" indicator-style="{{L}}" indicator-class="{{M}}" class="fui-picker__view data-v-5cdbf017" style="{{'height:' + N}}" key="{{O}}" value="{{P}}" immediate-change="{{Q}}" bindchange="{{R}}"><picker-view-column class="data-v-5cdbf017"><text wx:for="{{s}}" wx:for-item="item" wx:key="b" style="{{t}}" class="{{['fui-picker__text', 'data-v-5cdbf017', v && 'fui-picker__color-dark']}}">{{item.a}}</text></picker-view-column><picker-view-column wx:if="{{w}}" class="data-v-5cdbf017"><text wx:for="{{x}}" wx:for-item="item" wx:key="b" style="{{y}}" class="{{['fui-picker__text', 'data-v-5cdbf017', z && 'fui-picker__color-dark']}}">{{item.a}}</text></picker-view-column><picker-view-column wx:if="{{A}}" class="data-v-5cdbf017"><text wx:for="{{B}}" wx:for-item="item" wx:key="b" style="{{C}}" class="{{['fui-picker__text', 'data-v-5cdbf017', D && 'fui-picker__color-dark']}}">{{item.a}}</text></picker-view-column><picker-view-column wx:if="{{E}}" class="data-v-5cdbf017"><text wx:for="{{F}}" wx:for-item="item" wx:key="b" style="{{G}}" class="{{['fui-picker__text', 'data-v-5cdbf017', H && 'fui-picker__color-dark']}}">{{item.a}}</text></picker-view-column></picker-view></view></view></view>
|
||||
@@ -0,0 +1 @@
|
||||
.fui-picker__mask.data-v-5cdbf017{position:fixed;top:0;left:0;right:0;bottom:0;transition:all .25s ease-in-out;visibility:hidden;opacity:0}.fui-picker__mask-show.data-v-5cdbf017{visibility:visible;opacity:1}.fui-picker__content.data-v-5cdbf017{width:100%;visibility:hidden;position:fixed;left:0;right:0;bottom:0;transform:translate3d(0,100%,0);transition:all .25s ease-in-out;transform-origin:center center;flex-direction:column;background:#fff}.fui-picker__content-dark.data-v-5cdbf017{background:#222}.fui-picker__content-show.data-v-5cdbf017{transform:translateZ(0);visibility:visible}.fui-picker__radius.data-v-5cdbf017{border-top-left-radius:24rpx;border-top-right-radius:24rpx;overflow:hidden}.fui-picker__header.data-v-5cdbf017{width:100%;display:flex;box-sizing:border-box;flex:1;flex-direction:row;align-items:center;justify-content:space-between;height:88rpx;padding:0 20rpx;background:#fff;position:relative}.fui-picker__header-dark.data-v-5cdbf017{background:#222;border-bottom-color:#333}.fui-picker__header.data-v-5cdbf017:after{content:"";position:absolute;border-bottom:1px solid #eee;transform:scaleY(.5) translateZ(0);bottom:0;right:0;left:0}.fui-picker__header-dark.data-v-5cdbf017:after{border-bottom-color:#333}.fui-picker__btn-cancel.data-v-5cdbf017,.fui-picker__btn-sure.data-v-5cdbf017{font-weight:400;height:88rpx;padding:0 24rpx;display:flex;flex-shrink:0;align-items:center;justify-content:center;text-align:center}.fui-picker__btn-cancel.data-v-5cdbf017:active,.fui-picker__btn-sure.data-v-5cdbf017:active{opacity:.5}.fui-picker__title.data-v-5cdbf017{font-weight:400;font-size:28rpx;flex:1;padding:0 24rpx;display:block;white-space:nowrap;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;text-align:center}.fui-pk__title-color.data-v-5cdbf017{color:#333}.fui-pk__title-color_dark.data-v-5cdbf017{color:#a3a3a3}.fui-pk__cancel-color.data-v-5cdbf017{color:#181818}.fui-pk__cancel-color_dark.data-v-5cdbf017{color:#d1d1d1}.fui-pk__sure-color.data-v-5cdbf017{color:var(--fui-color-primary, #465CFF)!important}.fui-picker__view.data-v-5cdbf017{width:100%;height:520rpx}.fui-picker__text.data-v-5cdbf017{width:100%;display:block;white-space:nowrap;box-sizing:border-box;line-height:44px;text-align:center;font-size:16px;font-weight:400;color:#181818;flex:1;overflow:hidden;text-overflow:ellipsis;padding:0 4rpx}.fui-picker__color-dark.data-v-5cdbf017{color:#d1d1d1}.data-v-5cdbf017 .fui-picker__indicator{position:relative;border-color:transparent}.data-v-5cdbf017 .fui-picker__indicator:before{border-color:#333}.data-v-5cdbf017 .fui-picker__indicator:after{border-color:#333}
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";const e=require("../../../common/vendor.js"),n={name:"fui-safe-area",props:{background:{type:String,default:"#FFFFFF"}},created(){},data:()=>({iphonex:!1}),methods:{}};const o=e._export_sfc(n,[["render",function(e,n,o,r,t,a){return{a:t.iphonex?1:"",b:o.background}}],["__scopeId","data-v-f4213fd4"]]);wx.createComponent(o);
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view class="{{['fui-safe__area-wrap', 'data-v-f4213fd4', a && 'fui-safe__area-weex', virtualHostClass]}}" style="{{'background:' + b + ';' + virtualHostStyle}}"></view>
|
||||
@@ -0,0 +1 @@
|
||||
.fui-safe__area-wrap.data-v-f4213fd4{width:100%;display:flex;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);flex:1;flex-direction:row}
|
||||
Reference in New Issue
Block a user