mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
Merge branch 'feature/code_review'
This commit is contained in:
commit
36cbab827e
@ -1,12 +1,12 @@
|
|||||||
<template><section class="demo-uploader"><h1 class="demo-title">uploader</h1><example-block title="基础用法">
|
<template><section class="demo-uploader"><h1 class="demo-title">uploader</h1><example-block title="基础用法">
|
||||||
<div class="uploader-container">
|
<div class="uploader-container">
|
||||||
<zan-uploader :before-read="logContent" @file-readed="logContent">
|
<zan-uploader :before-read="logContent" :after-read="logContent">
|
||||||
</zan-uploader>
|
</zan-uploader>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</example-block><example-block title="自定义上传图标">
|
</example-block><example-block title="自定义上传图标">
|
||||||
<div class="uploader-container">
|
<div class="uploader-container">
|
||||||
<zan-uploader @file-readed="logContent">
|
<zan-uploader :after-read="logContent">
|
||||||
<zan-icon name="photograph"></zan-icon>
|
<zan-icon name="photograph"></zan-icon>
|
||||||
</zan-uploader>
|
</zan-uploader>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<transition name="image-fade">
|
<transition name="image-fade">
|
||||||
<div class="zan-image-preview" ref="previewContainer" v-show="value" @click="handlePreviewClick">
|
<div class="zan-image-preview" ref="previewContainer" v-show="value" @click="handlePreviewClick">
|
||||||
<zan-swipe>
|
<zan-swipe :show-indicators="false">
|
||||||
<zan-swipe-item v-for="item in images">
|
<zan-swipe-item v-for="item in images">
|
||||||
<img class="zan-image-preview__image" :src="item" alt="" :class="{
|
<img class="zan-image-preview__image" :src="item" alt="" :class="{
|
||||||
'zan-image-preview__image--center': true
|
'zan-image-preview__image--center': true
|
||||||
|
@ -1,3 +1,5 @@
|
|||||||
|
@import './swipe.css';
|
||||||
|
|
||||||
@component-namespace zan {
|
@component-namespace zan {
|
||||||
@b image-preview {
|
@b image-preview {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@ -23,6 +25,11 @@
|
|||||||
|
|
||||||
.zan-swipe {
|
.zan-swipe {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.zan-swipe__items {
|
||||||
|
overflow: visible;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user