1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- <template>
- <uni-shadow-root class="weapp-lib-empty-index"><view class="custom-class van-empty">
- <view class="van-empty__image">
- <slot name="image"></slot>
- </view>
- <view class="van-empty__image">
- <image v-if="image" class="van-empty__image__img" :src="computed.imageUrl(image)"></image>
- </view>
- <view class="van-empty__description">
- <slot name="description"></slot>
- </view>
- <view class="van-empty__description">
- {{ description }}
- </view>
- <view class="van-empty__bottom">
- <slot></slot>
- </view>
- </view></uni-shadow-root>
- </template>
- <wxs src="../wxs/utils.wxs" module="utils"></wxs><wxs src="./index.wxs" module="computed"></wxs>
- <script>
- global['__wxVueOptions'] = {components:{}}
- global['__wxRoute'] = 'weapp/lib/empty/index'
- "use strict";
- Object.defineProperty(exports, "__esModule", { value: true });
- var component_1 = require("../common/component");
- (0, component_1.VantComponent)({
- props: {
- description: String,
- image: {
- type: String,
- value: 'default',
- },
- },
- });
- export default global['__wxComponents']['weapp/lib/empty/index']
- </script>
- <style platform="mp-weixin">
- @import '../common/index.css';.van-empty{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:32px 0}.van-empty__image{height:160px;width:160px}.van-empty__image:empty{display:none}.van-empty__image__img{height:100%;width:100%}.van-empty__image:not(:empty)+.van-empty__image{display:none}.van-empty__description{color:#969799;font-size:14px;line-height:20px;margin-top:16px;padding:0 60px}.van-empty__description:empty,.van-empty__description:not(:empty)+.van-empty__description{display:none}.van-empty__bottom{margin-top:24px}
- </style>
|