@10yun/cv-mobile-ui 0.5.8 → 0.5.10

package/ui-cv/cv-markdown-show/markdown.css

@@ -0,0 +1,340 @@
+@charset "UTF-8";
+.ua__markdown {
+  font-size: 14px;
+  line-height: 1.5;
+}
+.ua__markdown h1,
+.ua__markdown h2,
+.ua__markdown h3,
+.ua__markdown h4,
+.ua__markdown h5,
+.ua__markdown h6 {
+  font-family: inherit;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit;
+}
+.ua__markdown h1,
+.ua__markdown h2,
+.ua__markdown h3 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+.ua__markdown h4,
+.ua__markdown h5,
+.ua__markdown h6 {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.ua__markdown .h1,
+.ua__markdown h1 {
+  font-size: 36px;
+}
+.ua__markdown .h2,
+.ua__markdown h2 {
+  font-size: 30px;
+}
+.ua__markdown .h3,
+.ua__markdown h3 {
+  font-size: 24px;
+}
+.ua__markdown .h4,
+.ua__markdown h4 {
+  font-size: 18px;
+}
+.ua__markdown .h5,
+.ua__markdown h5 {
+  font-size: 14px;
+}
+.ua__markdown .h6,
+.ua__markdown h6 {
+  font-size: 12px;
+}
+.ua__markdown a {
+  background-color: transparent;
+  color: #2196f3;
+  text-decoration: none;
+}
+.ua__markdown hr,
+.ua__markdown ::v-deep .hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border: 0;
+  border-top: 1px solid #e5e5e5;
+}
+.ua__markdown img {
+  max-width: 35%;
+}
+.ua__markdown p {
+  margin: 0 0 10px;
+}
+.ua__markdown em {
+  font-style: italic;
+  font-weight: inherit;
+}
+.ua__markdown ol,
+.ua__markdown ul {
+  margin-top: 0;
+  margin-bottom: 10px;
+  padding-left: 40px;
+}
+.ua__markdown ol ol,
+.ua__markdown ol ul,
+.ua__markdown ul ol,
+.ua__markdown ul ul {
+  margin-bottom: 0;
+}
+.ua__markdown ol ol,
+.ua__markdown ul ol {
+  list-style-type: lower-roman;
+}
+.ua__markdown ol ol ol,
+.ua__markdown ul ul ol {
+  list-style-type: lower-alpha;
+}
+.ua__markdown dl {
+  margin-top: 0;
+  margin-bottom: 20px;
+}
+.ua__markdown dt {
+  font-weight: 600;
+}
+.ua__markdown dt,
+.ua__markdown dd {
+  line-height: 1.4;
+}
+.ua__markdown .task-list-item {
+  list-style-type: none;
+}
+.ua__markdown .task-list-item input {
+  margin: 0 0.2em 0.25em -1.6em;
+  vertical-align: middle;
+}
+.ua__markdown pre {
+  position: relative;
+  z-index: 11;
+}
+.ua__markdown code,
+.ua__markdown kbd,
+.ua__markdown pre,
+.ua__markdown samp {
+  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
+}
+.ua__markdown code:not(.hljs) {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #c7254e;
+  background-color: #ffe7ee;
+  border-radius: 4px;
+}
+.ua__markdown code:empty {
+  display: none;
+}
+.ua__markdown pre code.hljs {
+  color: var(--vg__text-1);
+  border-radius: 16px;
+  background: var(--vg__bg-1);
+  font-size: 12px;
+}
+.ua__markdown .markdown-wrap {
+  font-size: 12px;
+  margin-bottom: 10px;
+}
+.ua__markdown pre.code-block-wrapper {
+  background: #2b2b2b;
+  color: #f8f8f2;
+  border-radius: 4px;
+  overflow-x: auto;
+  padding: 1em;
+  position: relative;
+}
+.ua__markdown pre.code-block-wrapper code {
+  padding: auto;
+  font-size: inherit;
+  color: inherit;
+  background-color: inherit;
+  border-radius: 0;
+}
+.ua__markdown .code-block-header__copy {
+  font-size: 16px;
+  margin-left: 5px;
+}
+.ua__markdown abbr[data-original-title],
+.ua__markdown abbr[title] {
+  cursor: help;
+  border-bottom: 1px dotted #777;
+}
+.ua__markdown blockquote {
+  padding: 10px 20px;
+  margin: 0 0 20px;
+  font-size: 17.5px;
+  border-left: 5px solid #e5e5e5;
+}
+.ua__markdown blockquote ol:last-child,
+.ua__markdown blockquote p:last-child,
+.ua__markdown blockquote ul:last-child {
+  margin-bottom: 0;
+}
+.ua__markdown blockquote .small,
+.ua__markdown blockquote footer,
+.ua__markdown blockquote small {
+  display: block;
+  font-size: 80%;
+  line-height: 1.42857143;
+  color: #777;
+}
+.ua__markdown blockquote .small:before,
+.ua__markdown blockquote footer:before,
+.ua__markdown blockquote small:before {
+  content: '— ';
+}
+.ua__markdown .blockquote-reverse,
+.ua__markdown blockquote.pull-right {
+  padding-right: 15px;
+  padding-left: 0;
+  text-align: right;
+  border-right: 5px solid #eee;
+  border-left: 0;
+}
+.ua__markdown .blockquote-reverse .small:before,
+.ua__markdown .blockquote-reverse footer:before,
+.ua__markdown .blockquote-reverse small:before,
+.ua__markdown blockquote.pull-right .small:before,
+.ua__markdown blockquote.pull-right footer:before,
+.ua__markdown blockquote.pull-right small:before {
+  content: '';
+}
+.ua__markdown .blockquote-reverse .small:after,
+.ua__markdown .blockquote-reverse footer:after,
+.ua__markdown .blockquote-reverse small:after,
+.ua__markdown blockquote.pull-right .small:after,
+.ua__markdown blockquote.pull-right footer:after,
+.ua__markdown blockquote.pull-right small:after {
+  content: ' —';
+}
+.ua__markdown .footnotes {
+  -moz-column-count: 2;
+  -webkit-column-count: 2;
+  column-count: 2;
+}
+.ua__markdown .footnotes-list {
+  padding-left: 2em;
+}
+.ua__markdown table,
+.ua__markdown ::v-deep .table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  width: 100%;
+  max-width: 65em;
+  overflow: auto;
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+.ua__markdown table tr,
+.ua__markdown ::v-deep .table .tr {
+  border-top: 1px solid #e5e5e5;
+}
+.ua__markdown table th,
+.ua__markdown table td,
+.ua__markdown ::v-deep .table .th,
+.ua__markdown ::v-deep .table .td {
+  padding: 6px 13px;
+  border: 1px solid #e5e5e5;
+}
+.ua__markdown table th,
+.ua__markdown ::v-deep .table .th {
+  font-weight: 600;
+  background-color: #eee;
+}
+.ua__markdown .hljs[class*='language-']:before {
+  position: absolute;
+  z-index: 3;
+  top: 0.8em;
+  right: 1em;
+  font-size: 0.8em;
+  color: #999;
+}
+.ua__markdown .hljs[class~='language-js']:before {
+  content: 'js';
+}
+.ua__markdown .hljs[class~='language-ts']:before {
+  content: 'ts';
+}
+.ua__markdown .hljs[class~='language-html']:before {
+  content: 'html';
+}
+.ua__markdown .hljs[class~='language-md']:before {
+  content: 'md';
+}
+.ua__markdown .hljs[class~='language-vue']:before {
+  content: 'vue';
+}
+.ua__markdown .hljs[class~='language-css']:before {
+  content: 'css';
+}
+.ua__markdown .hljs[class~='language-sass']:before {
+  content: 'sass';
+}
+.ua__markdown .hljs[class~='language-scss']:before {
+  content: 'scss';
+}
+.ua__markdown .hljs[class~='language-less']:before {
+  content: 'less';
+}
+.ua__markdown .hljs[class~='language-stylus']:before {
+  content: 'stylus';
+}
+.ua__markdown .hljs[class~='language-go']:before {
+  content: 'go';
+}
+.ua__markdown .hljs[class~='language-java']:before {
+  content: 'java';
+}
+.ua__markdown .hljs[class~='language-c']:before {
+  content: 'c';
+}
+.ua__markdown .hljs[class~='language-sh']:before {
+  content: 'sh';
+}
+.ua__markdown .hljs[class~='language-yaml']:before {
+  content: 'yaml';
+}
+.ua__markdown .hljs[class~='language-py']:before {
+  content: 'py';
+}
+.ua__markdown .hljs[class~='language-docker']:before {
+  content: 'docker';
+}
+.ua__markdown .hljs[class~='language-dockerfile']:before {
+  content: 'dockerfile';
+}
+.ua__markdown .hljs[class~='language-makefile']:before {
+  content: 'makefile';
+}
+.ua__markdown .hljs[class~='language-javascript']:before {
+  content: 'js';
+}
+.ua__markdown .hljs[class~='language-typescript']:before {
+  content: 'ts';
+}
+.ua__markdown .hljs[class~='language-markup']:before {
+  content: 'html';
+}
+.ua__markdown .hljs[class~='language-markdown']:before {
+  content: 'md';
+}
+.ua__markdown .hljs[class~='language-json']:before {
+  content: 'json';
+}
+.ua__markdown .hljs[class~='language-ruby']:before {
+  content: 'rb';
+}
+.ua__markdown .hljs[class~='language-python']:before {
+  content: 'py';
+}
+.ua__markdown .hljs[class~='language-bash']:before {
+  content: 'sh';
+}
+.ua__markdown .hljs[class~='language-php']:before {
+  content: 'php';
+}

package/ui-cv/cv-markdown-show/package.json

@@ -0,0 +1,18 @@
+{
+    "id": "ua-markdown",
+    "name": "uniapp markdown语法渲染及代码高亮",
+    "displayName": "uniapp markdown语法渲染及代码高亮",
+    "version": "1.1.5",
+    "description": "基于uniapp+vue3自定义解析markdown语法/高亮，适用于h5+小程序+App端。",
+    "keywords": [
+        "ua-markdown",
+        "uni-markdown",
+        "markdown"
+    ],
+    "dcloudext": {
+        "category": [
+            "前端组件",
+            "通用组件"
+        ]
+    }
+}

package/ui-cv/cv-markdown-show/readme.md

@@ -0,0 +1,45 @@
+
+## uniapp markdown渲染解析.md语法及代码高亮
+> **组件名：uaMarkdown**
+> 代码块： `<ua-markdown>`
+
+
+uaMarkdown组件是基于uniapp+vue3自定义解析markdown语法结构插件、支持代码块高亮，编译兼容H5+小程序端+App端。
+
+
+### 引入方式
+
+本组件符合[easycom](https://uniapp.dcloud.io/collocation/pages?id=easycom)规范，只需将本组件`ua-markdown`放在components目录，在页面`template`中即可直接使用。
+
+
+### 基本用法 
+
+**示例**
+
+- 基础用法
+
+```html
+const mdvalue = '### uniapp markdwon'
+<ua-markdown :source="mdvalue" />
+```
+
+- 去掉代码块行号
+
+```html
+<ua-markdown :source="xxx" :showLine="false" />
+```
+
+
+### API
+
+### uaMarkdown Props 
+
+|  属性名  |  类型   | 默认值 |        说明        |
+| :------: | :-----: | :----: | :----------------: |
+|  source  | String  |   -    |    渲染解析内容    |
+| showLine | Boolean |  true  | 是否显示代码块行号 |
+
+
+### 💝最后
+
+开发不易，希望各位小伙伴们多多支持下哈~~ ☕️☕️

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

@@ -1,5 +1,5 @@
 <template>
-  <view class="cv-nav-col" @tap="jump" v-bind:style="cvNavColStyle">
+  <view class="cv-nav-col" @click="jump" v-bind:style="cvNavColStyle">
     <view class="cv-nav-col-img-area" v-bind:style="cvNavImgAreaStyle">
       <view class="cv-nav-col-img-box">
         <view class="cv-nav-col-img-main">
@@ -29,6 +29,7 @@ export default {
       }
     }
   },
+  emits: ['click'],
   props: {
     /* 预留参数 用于接收子级 cv-col间距参数 */
     img: {

package/{ui-cv/cv-update-app/cv-update-app.vue → ui-sdks/sdk-app-update/sdk-app-update.vue}

@@ -2,7 +2,7 @@
   <view class="update-app-area" v-if="update">
     <view class="update-app-main" v-bind:style="'top:' + layer_top + 'px;opacity:' + layer_opacity + ';'">
       <image
-        src="http://zhsh-package.oss-cn-hangzhou.aliyuncs.com/images/net.zhsh.waimai/update_bg_top.png"
+        src="./img/update_bg_top.png"
         v-bind:style="'height:' + bg_top_height + 'px;'"
         @load="imageLoad"
         mode="aspectFit"
@@ -90,7 +90,7 @@ export default {
     return {
       update: false,
       layer_opacity: 0,
-      bg_top_img: 'http://zhsh-package.oss-cn-hangzhou.aliyuncs.com/images/net.zhsh.waimai/update_bg_top.png',
+      bg_top_img: './img/update_bg_top.png',
       new_version: {},
       bg_top_height: 0,
       window_width: 0,

package/ui-sdks/sdk-app-update/xxxx

@@ -0,0 +1,62 @@
+<div class="index-sys-totice-wrap" v-show="showNotice">
+    <div class="totice-box">
+      <div class="title">系统公告</div>
+      <div class="close" @click="sysToticeClose(this)">x</div>
+      <div class="content">
+        <p>尊敬的用户：</p>
+        <!--       <p>&#12288;&#12288;您好，十云人工智能应用服务平台</p> -->
+        <!--       <p>在 2017-06-23 19：30&#12288;进行系统更新维护</p> -->
+        <!--       <p>&#12288;&#12288;届时系统将会以更好的体验给您带来服务;</p> -->
+        <!--       <p>&#12288;&#12288;这个过程可能需要10-20分钟~</p> -->
+        <!--       <p>&#12288;&#12288;给您带来的不便还请谅解。</p> -->
+        <p>&nbsp;</p>
+        <p>本次更新：</p>
+        <p>&#12288;1.会员模块合并统一</p>
+        <p>&#12288;2.优化性能</p>
+        <p>&#12288;3.完善已知问题~</p>
+        <p>&#12288;4.微信公众号升级~</p>
+        <p></p>
+      </div>
+    </div>
+  </div>
+
+
+
+/*系统公告*/
+.index-sys-totice-wrap {
+  background-color: rgba(216, 201, 201, 0.6);
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+}
+
+.index-sys-totice-wrap .totice-box {
+  background: #fff;
+  color: #333;
+  padding: 0 15px 15px 15px;
+  margin: 15px;
+  box-shadow: 0px 0px 8px #000;
+  position: relative;
+  top: 15%;
+}
+
+.index-sys-totice-wrap .title {
+  text-align: center;
+  font-size: 20px;
+  padding: 5px;
+}
+
+.index-sys-totice-wrap .close {
+  font-size: 30px;
+  color: #333;
+  position: absolute;
+  right: 5px;
+  top: 5px;
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+}

package/ui-sdks/sdk-privacy-policy/sdk-privacy-policy.vue

@@ -0,0 +1,113 @@
+<template>
+  <view class="privacy-policy" v-if="privacy_policy !== true">
+    <view class="privacy-policy-item" v-bind:style="'bottom:' + layer_bottom + 'px'">
+      <view class="privacy-policy-item-title">协议与隐私</view>
+      <view class="privacy-policy-item-content">
+        <text>
+          请您务必审慎阅读、充分理解“
+          <navigator :url="url">《用户协议》</navigator>
+          ”与“
+          <navigator :url="url">《隐私政策》</navigator>
+          ”各条款，包括但不限于：为了给您提供更好的服务，我们需要收集您的设备信息、操作日志等个人信息。您可以在设置中查看、变更、删除个人信息并管理您的授权。
+          您可以阅读了解详细信息。如您同意，请点击“同意”开始接收我们的服务
+        </text>
+      </view>
+      <view class="privacy-policy-item-button">
+        <view class="privacy-policy-item-button-reject" @tap="reject">暂不使用</view>
+        <view class="privacy-policy-item-button-accept" @tap="accept">同意</view>
+      </view>
+    </view>
+  </view>
+</template>
+<script>
+import StorageObj from '@/plugins/storage.js';
+export default {
+  name: 'PrivacyPolicy',
+  props: {
+    url: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      privacy_policy: false,
+      layer_bottom: 160
+    };
+  },
+  created() {
+    this.initLayer();
+  },
+  methods: {
+    initLayer() {
+      if (StorageObj.getSync('PrivacyPolicy')) {
+        this.privacy_policy = true;
+      } else {
+        this.privacy_policy = false;
+      }
+    },
+    /* 计算弹窗整体高度 、 matop*/
+    reject() {
+      plus.runtime.quit();
+      this.$emit('reject');
+    },
+    accept() {
+      StorageObj.setAsync('PrivacyPolicy', true);
+      this.privacy_policy = true;
+      this.$forceUpdate();
+      this.$emit('accept');
+    }
+  }
+};
+</script>
+<style>
+.privacy-policy {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 99;
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.privacy-policy-item {
+  background-color: #ffffff;
+  border-radius: 5px;
+  width: 80%;
+  position: absolute;
+  left: 10%;
+  margin-top: 50px;
+}
+.privacy-policy-item-title {
+  font-size: 18px;
+  text-align: center;
+  margin-top: 20px;
+}
+.privacy-policy-item-content {
+  margin-top: 20px;
+  line-height: 1.5em;
+  font-size: 16px;
+  padding: 0 20px;
+}
+navigator {
+  display: contents;
+  color: cornflowerblue;
+}
+.privacy-policy-item-button {
+  height: 45px;
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 20px;
+  border-top: solid 1px rgba(0, 0, 0, 0.1);
+  line-height: 45px;
+  font-size: 16px;
+}
+.privacy-policy-item-button-reject,
+.privacy-policy-item-button-accept {
+  text-align: center;
+  width: 50%;
+}
+.privacy-policy-item-button-accept {
+  color: cornflowerblue;
+}
+</style>