yinshu_ui/yinshuacx/wxcomponents/vant/cell/index.vue

<template>
<uni-shadow-root class="vant-cell-index"><view :class="'custom-class '+(utils.bem('cell', [size, { center, required, borderless: !border, clickable: isLink || clickable }]))" hover-class="van-cell--hover hover-class" hover-stay-time="70" :style="customStyle" @click="onClick">
  <van-icon v-if="icon" :name="icon" class="van-cell__left-icon-wrap" custom-class="van-cell__left-icon"></van-icon>
  <slot v-else name="icon"></slot>

  <view :style="titleWidth ? 'max-width:' + titleWidth + ';min-width:' + titleWidth : ''" class="van-cell__title title-class">
    <block v-if="title">{{ title }}</block>
    <slot v-else name="title"></slot>

    <view v-if="label || useLabelSlot" class="van-cell__label label-class">
      <slot v-if="useLabelSlot" name="label"></slot>
      <block v-else-if="label">{{ label }}</block>
    </view>
  </view>

  <view class="van-cell__value value-class">
    <block v-if="value || value === 0">{{ value }}</block>
    <slot v-else></slot>
  </view>

  <van-icon v-if="isLink" :name="arrowDirection ? 'arrow' + '-' + arrowDirection : 'arrow'" class="van-cell__right-icon-wrap right-icon-class" custom-class="van-cell__right-icon"></van-icon>
  <slot v-else name="right-icon"></slot>

  <slot name="extra"></slot>
</view></uni-shadow-root>
</template>
<wxs src="../wxs/utils.wxs" module="utils"></wxs>
<script>
import VanIcon from '../icon/index.vue'
global['__wxVueOptions'] = {components:{'van-icon': VanIcon}}

global['__wxRoute'] = 'vant/cell/index'
"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var link_1 = require('./../mixins/link.js');
var component_1 = require('./../common/component.js');
component_1.VantComponent({
    classes: ['title-class', 'label-class', 'value-class', 'right-icon-class', 'hover-class'],
    mixins: [link_1.link],
    props: {
        title: null,
        value: null,
        icon: String,
        size: String,
        label: String,
        center: Boolean,
        isLink: Boolean,
        required: Boolean,
        clickable: Boolean,
        titleWidth: String,
        customStyle: String,
        arrowDirection: String,
        useLabelSlot: Boolean,
        border: {
            type: Boolean,
            value: true
        }
    },
    methods: {
        onClick: function onClick(event) {
            this.$emit('click', event.detail);
            this.jumpLink();
        }
    }
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbIk9iamVjdCIsInZhbHVlIiwibGlua18xIiwicmVxdWlyZSIsImNvbXBvbmVudF8xIiwiY2xhc3NlcyIsIm1peGlucyIsInByb3BzIiwidGl0bGUiLCJpY29uIiwic2l6ZSIsImxhYmVsIiwiY2VudGVyIiwiaXNMaW5rIiwicmVxdWlyZWQiLCJjbGlja2FibGUiLCJ0aXRsZVdpZHRoIiwiY3VzdG9tU3R5bGUiLCJhcnJvd0RpcmVjdGlvbiIsInVzZUxhYmVsU2xvdCIsImJvcmRlciIsInR5cGUiLCJtZXRob2RzIiwib25DbGljayIsImV2ZW50Il0sIm1hcHBpbmdzIjoiOztBQUNBQSxPQUFBQSxjQUFBQSxDQUFBQSxPQUFBQSxFQUFBQSxZQUFBQSxFQUE2QyxFQUFFQyxPQUEvQ0QsSUFBNkMsRUFBN0NBO0FBQ0EsSUFBSUUsU0FBU0MsUUFBYixxQkFBYUEsQ0FBYjtBQUNBLElBQUlDLGNBQWNELFFBQWxCLDBCQUFrQkEsQ0FBbEI7QUFDQUMsWUFBQUEsYUFBQUEsQ0FBMEI7QUFDdEJDLGFBQVMsQ0FBQSxhQUFBLEVBQUEsYUFBQSxFQUFBLGFBQUEsRUFBQSxrQkFBQSxFQURhLGFBQ2IsQ0FEYTtBQVF0QkMsWUFBUSxDQUFDSixPQVJhLElBUWQsQ0FSYztBQVN0QkssV0FBTztBQUNIQyxlQURHLElBQUE7QUFFSFAsZUFGRyxJQUFBO0FBR0hRLGNBSEcsTUFBQTtBQUlIQyxjQUpHLE1BQUE7QUFLSEMsZUFMRyxNQUFBO0FBTUhDLGdCQU5HLE9BQUE7QUFPSEMsZ0JBUEcsT0FBQTtBQVFIQyxrQkFSRyxPQUFBO0FBU0hDLG1CQVRHLE9BQUE7QUFVSEMsb0JBVkcsTUFBQTtBQVdIQyxxQkFYRyxNQUFBO0FBWUhDLHdCQVpHLE1BQUE7QUFhSEMsc0JBYkcsT0FBQTtBQWNIQyxnQkFBUTtBQUNKQyxrQkFESSxPQUFBO0FBRUpwQixtQkFBTztBQUZIO0FBZEwsS0FUZTtBQTRCdEJxQixhQUFTO0FBQ0xDLGlCQUFTLFNBQUEsT0FBQSxDQUFBLEtBQUEsRUFBaUI7QUFDdEIsaUJBQUEsS0FBQSxDQUFBLE9BQUEsRUFBb0JDLE1BQXBCLE1BQUE7QUFDQSxpQkFBQSxRQUFBO0FBQ0g7QUFKSTtBQTVCYSxDQUExQnBCIiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5PYmplY3QuZGVmaW5lUHJvcGVydHkoZXhwb3J0cywgXCJfX2VzTW9kdWxlXCIsIHsgdmFsdWU6IHRydWUgfSk7XG52YXIgbGlua18xID0gcmVxdWlyZShcIi4uL21peGlucy9saW5rXCIpO1xudmFyIGNvbXBvbmVudF8xID0gcmVxdWlyZShcIi4uL2NvbW1vbi9jb21wb25lbnRcIik7XG5jb21wb25lbnRfMS5WYW50Q29tcG9uZW50KHtcbiAgICBjbGFzc2VzOiBbXG4gICAgICAgICd0aXRsZS1jbGFzcycsXG4gICAgICAgICdsYWJlbC1jbGFzcycsXG4gICAgICAgICd2YWx1ZS1jbGFzcycsXG4gICAgICAgICdyaWdodC1pY29uLWNsYXNzJyxcbiAgICAgICAgJ2hvdmVyLWNsYXNzJ1xuICAgIF0sXG4gICAgbWl4aW5zOiBbbGlua18xLmxpbmtdLFxuICAgIHByb3BzOiB7XG4gICAgICAgIHRpdGxlOiBudWxsLFxuICAgICAgICB2YWx1ZTogbnVsbCxcbiAgICAgICAgaWNvbjogU3RyaW5nLFxuICAgICAgICBzaXplOiBTdHJpbmcsXG4gICAgICAgIGxhYmVsOiBTdHJpbmcsXG4gICAgICAgIGNlbnRlcjogQm9vbGVhbixcbiAgICAgICAgaXNMaW5rOiBCb29sZWFuLFxuICAgICAgICByZXF1aXJlZDogQm9vbGVhbixcbiAgICAgICAgY2xpY2thYmxlOiBCb29sZWFuLFxuICAgICAgICB0aXRsZVdpZHRoOiBTdHJpbmcsXG4gICAgICAgIGN1c3RvbVN0eWxlOiBTdHJpbmcsXG4gICAgICAgIGFycm93RGlyZWN0aW9uOiBTdHJpbmcsXG4gICAgICAgIHVzZUxhYmVsU2xvdDogQm9vbGVhbixcbiAgICAgICAgYm9yZGVyOiB7XG4gICAgICAgICAgICB0eXBlOiBCb29sZWFuLFxuICAgICAgICAgICAgdmFsdWU6IHRydWVcbiAgICAgICAgfVxuICAgIH0sXG4gICAgbWV0aG9kczoge1xuICAgICAgICBvbkNsaWNrOiBmdW5jdGlvbiAoZXZlbnQpIHtcbiAgICAgICAgICAgIHRoaXMuJGVtaXQoJ2NsaWNrJywgZXZlbnQuZGV0YWlsKTtcbiAgICAgICAgICAgIHRoaXMuanVtcExpbmsoKTtcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuIl0sImZpbGUiOiJpbmRleC5qcyJ9
export default global['__wxComponents']['vant/cell/index']
</script>
<style platform="mp-weixin">
@import '../common/index.css';.van-cell{position:relative;display:-webkit-flex;display:flex;width:100%;padding:10px 15px;font-size:14px;line-height:24px;color:#333;background-color:#fff;box-sizing:border-box}.van-cell:after{content:" ";position:absolute;pointer-events:none;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;top:auto;left:15px;right:0;bottom:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);border-bottom:1px solid #eee}.van-cell--borderless:after{display:none}.van-cell-group{background-color:#fff}.van-cell__label{margin-top:3px;font-size:12px;line-height:18px;color:#999}.van-cell__value{overflow:hidden;color:#999;text-align:right;vertical-align:middle}.van-cell__title,.van-cell__value{-webkit-flex:1;flex:1}.van-cell__title:empty,.van-cell__value:empty{display:none}.van-cell__left-icon-wrap,.van-cell__right-icon-wrap{display:-webkit-flex;display:flex;height:24px;font-size:16px;-webkit-align-items:center;align-items:center}.van-cell__left-icon-wrap{margin-right:5px}.van-cell__right-icon-wrap{margin-left:5px;color:#999}.van-cell__left-icon{line-height:24px;vertical-align:middle}.van-cell__right-icon{line-height:24px}.van-cell--clickable.van-cell--hover{background-color:#f2f3f5}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:7px;font-size:14px;color:#f44;content:"*"}.van-cell--center{-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:12px;padding-bottom:12px}.van-cell--large .van-cell__title{font-size:16px}.van-cell--large .van-cell__label{font-size:14px}
</style>