如下所示，實(shí)際需求中常常存在需要點(diǎn)擊上傳圖片的功能，上傳前顯示邊框表面圖片顯示大小，上傳后將圖形縮放到邊框大小。

實(shí)現(xiàn)如下：

.wxml

<view class="{{img_src==''?'blank-area':''}}" style="width:100%;height:40%;display:flex;align-items: center;justify-content:center;" data-info='{"page_index":{{index}},"product_index":"first"}' bind:tap="upload_product_image"><image wx:if="{{img_src!=''}}" src="{{img_src}}" style="width:100%;height:100%;"/><label wx:if="{{img_src==''}}">上傳產(chǎn)品圖片</label>
</view>

.wxss

.blank-area{border-style: dashed;