@10yun/cv-mobile-ui 0.5.11 → 0.5.13

package/ui-cv/cv-nav-row/cv-nav-row.vue

@@ -1,256 +0,0 @@
-<template>
-  <view class="cv-row">
-    <view class="cv-row-box">
-      <view class="cv-row-main" :class="sublabel && 'cv-row-main-big'" @tap="jump">
-        <view class="cv-row-main-left">
-          <view class="cv-row-main-left-icon" v-if="image || $slots.before">
-            <image class="cv-row-main-left-icon-image" :src="image" mode="aspectFit" v-if="image" />
-            <slot name="before" v-else />
-          </view>
-          <view class="cv-row-main-left-text" :class="!image && !$slots.before ? 'cv-row-main-left-text-noimage' : ''">
-            <view class="cv-row-main-left-text-intact" v-if="!sublabel">
-              {{ label }}
-            </view>
-            <view class="cv-row-main-left-text-double" v-else>
-              <view class="cv-row-main-left-text-label">
-                {{ label }}
-              </view>
-              <view class="cv-row-main-left-text-sublabel">
-                {{ sublabel }}
-              </view>
-            </view>
-          </view>
-        </view>
-        <view class="cv-row-main-center" :class="url == '' && !$attrs.click ? 'cv-row-main-center-nourl' : ''">
-          <view class="cv-row-main-center-intact" v-if="!subexplain">
-            {{ explain }}
-          </view>
-          <view class="cv-row-main-center-double" v-else>
-            <view class="cv-row-main-center-explain">
-              {{ explain }}
-            </view>
-            <view class="cv-row-main-center-subexplain">
-              {{ subexplain }}
-            </view>
-          </view>
-        </view>
-        <view class="cv-row-main-more" v-if="url || $attrs.click">
-          <view class="cv-row-main-more-top"></view>
-          <view class="cv-row-main-more-bottom"></view>
-        </view>
-      </view>
-      <view class="cv-row-message" v-if="message">
-        {{ message }}
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-export default {
-  emits: ['click'],
-  name: 'cvNavRow',
-  options: {
-    addGlobalClass: true
-  },
-  props: {
-    url: {
-      type: String,
-      default: ''
-    },
-    urlType: {
-      type: String,
-      default() {
-        return 'navigateTo';
-      }
-    },
-    label: {
-      type: String,
-      default: ''
-    },
-    sublabel: {
-      type: String,
-      default: ''
-    },
-    explain: {
-      type: String,
-      default: ''
-    },
-    subexplain: {
-      type: String,
-      default: ''
-    },
-    image: {
-      type: String,
-      default: ''
-    },
-    message: {
-      type: String,
-      default: ''
-    }
-  },
-  watch: {
-    dataLists(newVal) {
-      this._dealDataLists();
-    }
-  },
-  data() {
-    return {};
-  },
-  created() {
-    // console.log(this.$slots);
-  },
-  methods: {
-    jump() {
-      if (typeof this.url == 'string' && this.url) {
-        const url = this.url;
-        switch (this.urlType) {
-          case 'redirectTo': //关闭当前页面，跳转到应用内的某个页面。
-            uni.redirectTo({
-              url: this.url
-            });
-            break;
-          case 'reLaunch': //关闭所有页面，打开到应用内的某个页面。
-            uni.reLaunch({
-              url: this.url
-            });
-            break;
-          case 'switchTab': //跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。
-            uni.switchTab({
-              url: this.url
-            });
-            break;
-          default: //默认【navigateTo】 保留当前页面，跳转到应用内的某个页面
-            uni.navigateTo({
-              url: this.url
-            });
-        }
-      } else {
-        this.$emit('click');
-      }
-    }
-  }
-};
-</script>
-<style>
-/* #ifndef MP-WEIXIN */
-.cv-row:last-child .cv-row-main {
-  border-bottom: none;
-}
-/* #endif */
-/* #ifdef MP-WEIXIN */
-cv-row:last-child .cv-row-main {
-  border-bottom: none;
-}
-/* #endif */
-.cv-row-box {
-  height: auto;
-  background-color: #ffffff;
-  padding-left: 15px;
-}
-.cv-row-main {
-  padding: 5px 15px 5px 0;
-  border-bottom: solid 1px #f1f1f1;
-  display: flex;
-}
-.cv-row-main-big {
-  padding: 9px 15px 9px 0;
-}
-.cv-row-main-left {
-  width: 200px;
-  display: flex;
-}
-.cv-row-main-left-icon {
-  width: 20px;
-  height: 40px;
-  line-height: 40px;
-}
-.cv-row-main-left-icon-image {
-  width: 20px;
-  height: 40px;
-}
-.cv-row-main-left-text {
-  width: calc(100% - 20px);
-  padding-left: 10px;
-}
-.cv-row-main-left-text-noimage {
-  width: 100%;
-  padding-left: 0px;
-}
-.cv-row-main-left-text-intact {
-  font-size: 15px;
-  height: 40px;
-  line-height: 40px;
-  overflow: hidden;
-}
-.cv-row-main-left-text-label {
-  font-size: 15px;
-  line-height: 22px;
-  height: 22px;
-  overflow: hidden;
-}
-.cv-row-main-left-text-sublabel {
-  font-size: 12px;
-  color: #999999;
-  line-height: 18px;
-  height: 18px;
-  overflow: hidden;
-}
-.cv-row-main-center {
-  width: calc(100% - 200px - 20px);
-  display: table;
-  height: 40px;
-  padding-left: 10px;
-}
-.cv-row-main-center-explain,
-.cv-row-main-center-subexplain {
-  font-size: 14px;
-  color: #999999;
-  line-height: 20px;
-  height: 20px;
-  overflow: hidden;
-  text-align: right;
-}
-
-.cv-row-main-center-nourl {
-  width: calc(100% - 200px);
-}
-.cv-row-main-center-intact {
-  font-size: 14px;
-  color: #999999;
-  display: table-row;
-  vertical-align: middle;
-  line-height: 20px;
-  height: 40px;
-  overflow: hidden;
-  max-height: 40px;
-  text-align: right;
-}
-
-.cv-row-main-more {
-  height: 40px;
-  width: 20px;
-}
-.cv-row-main-more-top,
-.cv-row-main-more-bottom {
-  width: 10px;
-  height: 2px;
-  background-color: #c1c1c1;
-  position: relative;
-  left: 10px;
-}
-.cv-row-main-more-top {
-  transform: rotate(45deg);
-  top: 16px;
-}
-.cv-row-main-more-bottom {
-  transform: rotate(-45deg);
-  top: 20px;
-}
-.cv-row-message {
-  font-size: 13px;
-  color: #999999;
-  line-height: 1.5em;
-  padding: 5px 15px 5px 0;
-}
-</style>