app更新
This commit is contained in:
gaojian
parent
34a4e9293e
commit
ccf37ba6db
607
components/cmd-progress/cmd-progress.vue
Normal file
607
components/cmd-progress/cmd-progress.vue
Normal file
@ -0,0 +1,607 @@
|
|||||||
|
<template>
|
||||||
|
<view class="cmd-progress cmd-progress-default" :class="setStatusClass">
|
||||||
|
<block v-if="type == 'circle' || type == 'dashboard'">
|
||||||
|
<view class="cmd-progress cmd-progress-default" :class="setStatusClass">
|
||||||
|
<view class="cmd-progress-inner" :style="setCircleStyle">
|
||||||
|
<!-- 绘制圈 start -->
|
||||||
|
<!-- #ifdef H5 -->
|
||||||
|
<svg viewBox="0 0 100 100" class="cmd-progress-circle">
|
||||||
|
<path :d="setCirclePath" stroke="#f3f3f3" :stroke-linecap="strokeShape" :stroke-width="strokeWidth"
|
||||||
|
fill-opacity="0" class="cmd-progress-circle-trail" :style="setCircleTrailStyle"></path>
|
||||||
|
<path :d="setCirclePath" :stroke-linecap="strokeShape" :stroke-width="strokeWidth" fill-opacity="0" class="cmd-progress-circle-path"
|
||||||
|
:style="setCirclePathStyle"></path>
|
||||||
|
</svg>
|
||||||
|
<!-- #endif -->
|
||||||
|
<!-- #ifndef H5 -->
|
||||||
|
<text :style="setCircle"></text>
|
||||||
|
<!-- #endif -->
|
||||||
|
<!-- 绘制圈 end -->
|
||||||
|
<!-- 状态文本 start -->
|
||||||
|
<block v-if="showInfo && !custom">
|
||||||
|
<text class="cmd-progress-text" :title="setFormat">
|
||||||
|
<block v-if="status != 'success' && status != 'exception' && setProgress < 100">{{setFormat}}</block>
|
||||||
|
<!-- #ifdef H5 -->
|
||||||
|
<svg v-if="status == 'exception'" viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor"
|
||||||
|
aria-hidden="true">
|
||||||
|
<path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path>
|
||||||
|
</svg>
|
||||||
|
<svg v-if="status == 'success' || setProgress == 100" viewBox="64 64 896 896" data-icon="check" width="1em"
|
||||||
|
height="1em" fill="currentColor" aria-hidden="true" :style="{'color': strokeColor ? strokeColor : ''}">
|
||||||
|
<path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path>
|
||||||
|
</svg>
|
||||||
|
<!-- #endif -->
|
||||||
|
<!-- #ifndef H5 -->
|
||||||
|
<text v-if="status == 'exception' || status == 'success' || setProgress == 100" :style="setCircleIcon"></text>
|
||||||
|
<!-- #endif -->
|
||||||
|
</text>
|
||||||
|
</block>
|
||||||
|
<block v-else>
|
||||||
|
<view class="cmd-progress-custom">
|
||||||
|
<slot></slot>
|
||||||
|
</view>
|
||||||
|
</block>
|
||||||
|
<!-- 状态文本 end -->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</block>
|
||||||
|
|
||||||
|
<block v-if="type == 'line'">
|
||||||
|
<!-- 进度条 start -->
|
||||||
|
<view class="cmd-progress-outer">
|
||||||
|
<view class="cmd-progress-inner" :style="{'border-radius': strokeShape == 'square' ? 0 : '100px'}">
|
||||||
|
<view class="cmd-progress-bg" :style="setLineStyle"></view>
|
||||||
|
<view v-if="successPercent" class="cmd-progress-success-bg" :style="setLineSuccessStyle"></view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 进度条 end -->
|
||||||
|
<!-- 进度条是否显示信息 start -->
|
||||||
|
<block v-if="showInfo && !custom">
|
||||||
|
<text class="cmd-progress-text" :title="setFormat">
|
||||||
|
<block v-if="status != 'success' && status != 'exception' && setProgress < 100">{{setFormat}}</block>
|
||||||
|
<!-- #ifdef H5 -->
|
||||||
|
<svg v-if="status == 'exception'" viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em"
|
||||||
|
fill="currentColor" aria-hidden="true">
|
||||||
|
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path>
|
||||||
|
</svg>
|
||||||
|
<svg v-if="status == 'success' || setProgress == 100" viewBox="64 64 896 896" data-icon="check-circle" width="1em"
|
||||||
|
height="1em" fill="currentColor" aria-hidden="true" :style="{'color': strokeColor ? strokeColor : ''}">
|
||||||
|
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"></path>
|
||||||
|
</svg>
|
||||||
|
<!-- #endif -->
|
||||||
|
<!-- #ifndef H5 -->
|
||||||
|
<text v-if="status == 'exception' || status == 'success' || setProgress == 100" :style="setLineStatusIcon"></text>
|
||||||
|
<!-- #endif -->
|
||||||
|
</text>
|
||||||
|
</block>
|
||||||
|
<block v-else>
|
||||||
|
<view class="cmd-progress-custom">
|
||||||
|
<slot></slot>
|
||||||
|
</view>
|
||||||
|
</block>
|
||||||
|
<!-- 进度条是否显示信息 end -->
|
||||||
|
</block>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/**
|
||||||
|
* 进度条组件
|
||||||
|
* @description 显示一个操作完成的百分比时，为用户显示该操作的当前进度和状态。
|
||||||
|
* @tutorial https://ext.dcloud.net.cn/plugin?id=259
|
||||||
|
* @property {String} type 进度类型 - 线型：line、圆圈形：circle、仪表盘：dashboard，默认线型：line
|
||||||
|
* @property {Number} percent 进度百分比值 - 显示范围0-100 ，可能数比较大就需要自己转成百分比的值
|
||||||
|
* @property {Number} success-percent 进度已完成的百分几 - 仅支持进度线型：line
|
||||||
|
* @property {String} status 进度状态 - 涌动：active（仅支持线型：line）、正常：normal、完成：success、失败：exception，默认正常：normal
|
||||||
|
* @property {Boolean} show-info 进度状态信息 - 是否显示进度数值或状态图标，默认true
|
||||||
|
* @property {Number} stroke-width 进度线条的宽度 - 建议在条线的宽度范围：1-50，与进度条显示宽度有关，默认8
|
||||||
|
* @property {String} stroke-color 进度线条的颜色 - 渐变色仅支持线型：line
|
||||||
|
* @property {String} stroke-shape 进度线条两端的形状 - 圆：round、方块直角：square，默认圆：round
|
||||||
|
* @property {Number} width 进度画布宽度 - 仅支持圆圈形：circle、仪表盘：dashboard，默认80
|
||||||
|
* @property {String} gap-degree 进度圆形缺口角度 - 可取值 0 ~ 360,仅支持圆圈形：circle、仪表盘：dashboard
|
||||||
|
* @property {String} gap-position 进度圆形缺口位置 - 可取值'top', 'bottom', 'left', 'right',仅支持圆圈形：circle、仪表盘：dashboard
|
||||||
|
* @property {Boolean} custom 自定义文本格式插槽，条line：圈circle 仪表板dashboard
|
||||||
|
* @example <cmd-progress :percent="30"></cmd-progress>
|
||||||
|
*/
|
||||||
|
export default {
|
||||||
|
name: 'cmd-progress',
|
||||||
|
|
||||||
|
props: {
|
||||||
|
/**
|
||||||
|
* 类型默认：line，可选 line circle dashboard
|
||||||
|
*/
|
||||||
|
type: {
|
||||||
|
validator: val => {
|
||||||
|
return ['line', 'circle', 'dashboard'].includes(val);
|
||||||
|
},
|
||||||
|
default: 'line'
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 百分比
|
||||||
|
*/
|
||||||
|
percent: {
|
||||||
|
type: Number,
|
||||||
|
default: 0
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 已完成的分段百分，仅支持类型line
|
||||||
|
*/
|
||||||
|
successPercent: {
|
||||||
|
type: Number,
|
||||||
|
default: 0
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 是否显示进度数值或状态图标
|
||||||
|
*/
|
||||||
|
showInfo: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 自定义文本格式插槽，条line：圈circle 仪表板dashboard
|
||||||
|
*/
|
||||||
|
custom: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 进度状态，可选：normal success exception （active仅支持类型line
|
||||||
|
*/
|
||||||
|
status: {
|
||||||
|
validator: val => {
|
||||||
|
return ['normal', 'success', 'exception', 'active'].includes(val);
|
||||||
|
},
|
||||||
|
default: 'normal'
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 条线的宽度1-50，与width有关
|
||||||
|
*/
|
||||||
|
strokeWidth: {
|
||||||
|
type: Number,
|
||||||
|
default: 6
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 条线的颜色，渐变色仅支持类型line
|
||||||
|
*/
|
||||||
|
strokeColor: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 条线两端的形状 可选：'round', 'square'
|
||||||
|
*/
|
||||||
|
strokeShape: {
|
||||||
|
validator: val => {
|
||||||
|
return ['round', 'square'].includes(val);
|
||||||
|
},
|
||||||
|
default: 'round'
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 圆形进度条画布宽度,支持类型circle dashboard
|
||||||
|
*/
|
||||||
|
width: {
|
||||||
|
type: Number,
|
||||||
|
default: 80
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 圆形进度条缺口角度，可取值 0 ~ 360,支持类型circle dashboard
|
||||||
|
*/
|
||||||
|
gapDegree: {
|
||||||
|
type: Number,
|
||||||
|
default: 0
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 圆形进度条缺口位置,可取值'top', 'bottom', 'left', 'right' ,支持类型circle dashboard
|
||||||
|
*/
|
||||||
|
gapPosition: {
|
||||||
|
validator: val => {
|
||||||
|
return ['top', 'bottom', 'left', 'right'].includes(val);
|
||||||
|
},
|
||||||
|
default: 'top'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
computed: {
|
||||||
|
/**
|
||||||
|
* 百分比格式
|
||||||
|
*/
|
||||||
|
setFormat() {
|
||||||
|
return `${this.setProgress}%`;
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 设置显示进度值，禁止小于0和超过100
|
||||||
|
*/
|
||||||
|
setProgress() {
|
||||||
|
let percent = this.percent;
|
||||||
|
if (!this.percent || this.percent < 0) {
|
||||||
|
percent = 0;
|
||||||
|
} else if (this.percent >= 100) {
|
||||||
|
percent = 100;
|
||||||
|
}
|
||||||
|
return percent;
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 进度圈svg大小
|
||||||
|
*/
|
||||||
|
setCircleStyle() {
|
||||||
|
return `width: ${this.width}px;
|
||||||
|
height: ${this.width}px;
|
||||||
|
fontSize: ${this.width * 0.15 + 6}px;`
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 圈底色
|
||||||
|
*/
|
||||||
|
setCircleTrailStyle() {
|
||||||
|
const radius = 50 - this.strokeWidth / 2;
|
||||||
|
const len = Math.PI * 2 * radius;
|
||||||
|
const gapDeg = this.gapDegree || (this.type === 'dashboard' && 75);
|
||||||
|
return `stroke-dasharray: ${len - (gapDeg||0)}px, ${len}px;
|
||||||
|
stroke-dashoffset: -${(gapDeg||0) / 2}px;
|
||||||
|
transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s;`
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 圈进度
|
||||||
|
*/
|
||||||
|
setCirclePathStyle() {
|
||||||
|
const radius = 50 - this.strokeWidth / 2;
|
||||||
|
const len = Math.PI * 2 * radius;
|
||||||
|
const gapDeg = this.gapDegree || (this.type === 'dashboard' && 75);
|
||||||
|
return `stroke: ${this.strokeColor};
|
||||||
|
stroke-dasharray: ${(this.setProgress / 100) * (len - (gapDeg||0))}px, ${len}px;
|
||||||
|
stroke-dashoffset: -${(gapDeg||0) / 2}px;
|
||||||
|
transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s, stroke-width 0.06s ease 0.3s;`
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 绘制圈
|
||||||
|
*/
|
||||||
|
setCirclePath() {
|
||||||
|
const radius = 50 - this.strokeWidth / 2;
|
||||||
|
let beginPositionX = 0;
|
||||||
|
let beginPositionY = -radius;
|
||||||
|
let endPositionX = 0;
|
||||||
|
let endPositionY = -2 * radius;
|
||||||
|
const gapPos = (this.type === 'dashboard' && 'bottom') || this.gapPosition || 'top';
|
||||||
|
switch (gapPos) {
|
||||||
|
case 'left':
|
||||||
|
beginPositionX = -radius;
|
||||||
|
beginPositionY = 0;
|
||||||
|
endPositionX = 2 * radius;
|
||||||
|
endPositionY = 0;
|
||||||
|
break;
|
||||||
|
case 'right':
|
||||||
|
beginPositionX = radius;
|
||||||
|
beginPositionY = 0;
|
||||||
|
endPositionX = -2 * radius;
|
||||||
|
endPositionY = 0;
|
||||||
|
break;
|
||||||
|
case 'bottom':
|
||||||
|
beginPositionY = radius;
|
||||||
|
endPositionY = 2 * radius;
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
return `M 50,50 m ${beginPositionX},${beginPositionY} a ${radius},${radius} 0 1 1 ${endPositionX},${-endPositionY} a ${radius},${radius} 0 1 1 ${-endPositionX},${endPositionY}`;
|
||||||
|
},
|
||||||
|
// #ifndef H5
|
||||||
|
/**
|
||||||
|
* 非H5端，绘制进度圈svg转base URL
|
||||||
|
*/
|
||||||
|
setCircle() {
|
||||||
|
const radius = 50 - this.strokeWidth / 2;
|
||||||
|
const len = Math.PI * 2 * radius;
|
||||||
|
const gapDeg = this.gapDegree || (this.type === 'dashboard' && 75);
|
||||||
|
let currentColor = '#108ee9'
|
||||||
|
// 异常进度
|
||||||
|
if (this.status == 'exception') {
|
||||||
|
currentColor = '#f5222d'
|
||||||
|
}
|
||||||
|
// 完成进度
|
||||||
|
if (this.status == 'success' || this.setProgress >= 100 || this.strokeColor) {
|
||||||
|
currentColor = this.strokeColor || '#52c41a'
|
||||||
|
}
|
||||||
|
let svgToBase =
|
||||||
|
`data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' class='cmd-progress-circle'%3E%3Cpath d='${this.setCirclePath}' stroke='%23f3f3f3' stroke-linecap='${this.strokeShape}' stroke-width='${this.strokeWidth}' fill-opacity='0' class='cmd-progress-circle-trail' style='stroke-dasharray: ${len - (gapDeg||0)}px, ${len}px;stroke-dashoffset: -${(gapDeg||0) / 2}px;transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s;'%3E%3C/path%3E%3Cpath d='${this.setCirclePath}' stroke-linecap='${this.strokeShape}' stroke-width='${this.strokeWidth}' fill-opacity='0' class='cmd-progress-circle-path' style='stroke: ${currentColor};stroke-dasharray: ${(this.setProgress / 100) * (len - (gapDeg||0))}px, ${len}px;stroke-dashoffset: -${(gapDeg||0) / 2}px;transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s, stroke-width 0.06s ease 0.3s;'%3E%3C/path%3E%3C/svg%3E`
|
||||||
|
return `background-image: url("${svgToBase}");
|
||||||
|
background-size: cover;
|
||||||
|
display: inline-block;
|
||||||
|
${this.setCircleStyle}`;
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 设置进度圈状态图标
|
||||||
|
*/
|
||||||
|
setCircleIcon() {
|
||||||
|
let currentColor = '#108ee9'
|
||||||
|
let svgToBase = ''
|
||||||
|
// 异常进度
|
||||||
|
if (this.status == 'exception') {
|
||||||
|
currentColor = '#f5222d'
|
||||||
|
svgToBase =
|
||||||
|
`data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' data-icon='close' width='1em' height='1em' fill='${currentColor}' aria-hidden='true'%3E %3Cpath d='M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z'%3E%3C/path%3E %3C/svg%3E`;
|
||||||
|
}
|
||||||
|
// 完成进度
|
||||||
|
if (this.status == 'success' || this.setProgress >= 100) {
|
||||||
|
currentColor = this.strokeColor || '#52c41a'
|
||||||
|
svgToBase =
|
||||||
|
`data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' data-icon='check' width='1em' height='1em' fill='${currentColor}' aria-hidden='true'%3E %3Cpath d='M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z'%3E%3C/path%3E %3C/svg%3E`;
|
||||||
|
}
|
||||||
|
return `background-image: url("${svgToBase}");
|
||||||
|
background-size: cover;
|
||||||
|
display: inline-block;
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;`;
|
||||||
|
},
|
||||||
|
// #endif
|
||||||
|
/**
|
||||||
|
* 设置进度条样式
|
||||||
|
*/
|
||||||
|
setLineStyle() {
|
||||||
|
return `width: ${this.setProgress}%;
|
||||||
|
height: ${this.strokeWidth}px;
|
||||||
|
background: ${this.strokeColor};
|
||||||
|
border-radius: ${this.strokeShape === 'square' ? 0 : '100px'};`;
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 设置已完成分段进度
|
||||||
|
*/
|
||||||
|
setLineSuccessStyle() {
|
||||||
|
let successPercent = this.successPercent;
|
||||||
|
if (!this.successPercent || this.successPercent < 0 || this.setProgress < this.successPercent) {
|
||||||
|
successPercent = 0;
|
||||||
|
} else if (this.successPercent >= 100) {
|
||||||
|
successPercent = 100;
|
||||||
|
}
|
||||||
|
return `width: ${successPercent}%;
|
||||||
|
height: ${this.strokeWidth}px;
|
||||||
|
border-radius: ${this.strokeShape === 'square' ? 0 : '100px'};`;
|
||||||
|
},
|
||||||
|
// #ifndef H5
|
||||||
|
/**
|
||||||
|
* 设置进度条状态图标
|
||||||
|
*/
|
||||||
|
setLineStatusIcon() {
|
||||||
|
let currentColor = '#108ee9'
|
||||||
|
let svgToBase = ''
|
||||||
|
// 异常进度
|
||||||
|
if (this.status == 'exception') {
|
||||||
|
currentColor = '#f5222d'
|
||||||
|
svgToBase =
|
||||||
|
`data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' data-icon='close-circle' width='1em' height='1em' fill='${currentColor}' aria-hidden='true'%3E %3Cpath d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z'%3E%3C/path%3E %3C/svg%3E`;
|
||||||
|
}
|
||||||
|
// 完成进度
|
||||||
|
if (this.status == 'success' || this.setProgress >= 100) {
|
||||||
|
currentColor = this.strokeColor || '#52c41a'
|
||||||
|
svgToBase =
|
||||||
|
`data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' data-icon='check-circle' width='1em' height='1em' fill='${currentColor}' aria-hidden='true'%3E %3Cpath d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z'%3E%3C/path%3E %3C/svg%3E`;
|
||||||
|
}
|
||||||
|
return `background-image: url("${svgToBase}");
|
||||||
|
background-size: cover;
|
||||||
|
display: inline-block;
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;`;
|
||||||
|
},
|
||||||
|
// #endif
|
||||||
|
/**
|
||||||
|
* 状态样式
|
||||||
|
*/
|
||||||
|
setStatusClass() {
|
||||||
|
let statusClass = [];
|
||||||
|
// 异常进度
|
||||||
|
if (this.status == 'exception') {
|
||||||
|
statusClass.push('cmd-progress-status-exception')
|
||||||
|
}
|
||||||
|
// 完成进度
|
||||||
|
if (this.status == 'success' || this.setProgress >= 100) {
|
||||||
|
statusClass.push('cmd-progress-status-success')
|
||||||
|
}
|
||||||
|
// 活动进度条
|
||||||
|
if (this.status == 'active') {
|
||||||
|
statusClass.push('cmd-progress-status-active')
|
||||||
|
}
|
||||||
|
// 是否显示信息
|
||||||
|
if (this.showInfo) {
|
||||||
|
statusClass.push('cmd-progress-show-info')
|
||||||
|
}
|
||||||
|
// 进度条类型
|
||||||
|
if (this.type === 'line') {
|
||||||
|
statusClass.push('cmd-progress-line')
|
||||||
|
}
|
||||||
|
// 进度圈、仪表盘类型
|
||||||
|
if (this.type === 'circle' || this.type === 'dashboard') {
|
||||||
|
statusClass.push('cmd-progress-circle')
|
||||||
|
}
|
||||||
|
statusClass.push('cmd-progress-status-normal')
|
||||||
|
return statusClass;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.cmd-progress {
|
||||||
|
font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
|
font-size: 28upx;
|
||||||
|
font-variant: tabular-nums;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: rgba(0, 0, 0, 0.65);
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-line {
|
||||||
|
width: 100%;
|
||||||
|
font-size: 28upx;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-outer {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
margin-right: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-show-info .cmd-progress-outer {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-inner {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
border-radius: 200upx;
|
||||||
|
vertical-align: middle;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-circle-trail {
|
||||||
|
stroke: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-circle-path {
|
||||||
|
stroke: #1890ff;
|
||||||
|
animation: appear 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-success-bg,
|
||||||
|
.cmd-progress-bg {
|
||||||
|
background-color: #1890ff;
|
||||||
|
transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-success-bg {
|
||||||
|
background-color: #52c41a;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-custom {
|
||||||
|
max-width: 50%;
|
||||||
|
margin-left: 16upx;
|
||||||
|
vertical-align: middle;
|
||||||
|
display: inline-block;
|
||||||
|
white-space: normal;
|
||||||
|
word-wrap: break-word;
|
||||||
|
word-break: break-all;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-text {
|
||||||
|
min-width: 60upx;
|
||||||
|
text-align: left;
|
||||||
|
margin-left: 16upx;
|
||||||
|
vertical-align: middle;
|
||||||
|
display: inline-block;
|
||||||
|
white-space: normal;
|
||||||
|
color: rgba(0, 0, 0, 0.45);
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-status-active .cmd-progress-bg:before {
|
||||||
|
content: "";
|
||||||
|
opacity: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 20upx;
|
||||||
|
-webkit-animation: cmd-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
|
||||||
|
animation: cmd-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-status-exception .cmd-progress-bg {
|
||||||
|
background-color: #f5222d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-status-exception .cmd-progress-text {
|
||||||
|
color: #f5222d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-status-exception .cmd-progress-circle-path {
|
||||||
|
stroke: #f5222d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-status-success .cmd-progress-bg {
|
||||||
|
background-color: #52c41a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-status-success .cmd-progress-text {
|
||||||
|
color: #52c41a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-status-success .cmd-progress-circle-path {
|
||||||
|
stroke: #52c41a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-circle .cmd-progress-inner {
|
||||||
|
position: relative;
|
||||||
|
line-height: 1;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-circle .cmd-progress-custom {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
line-height: 1;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform: translateY(-50%);
|
||||||
|
transform: translateY(-50%);
|
||||||
|
left: 25%;
|
||||||
|
right: 25%;
|
||||||
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: normal;
|
||||||
|
word-wrap: break-word;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-circle .cmd-progress-text {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform: translateY(-50%);
|
||||||
|
transform: translateY(-50%);
|
||||||
|
left: 0;
|
||||||
|
margin: 0;
|
||||||
|
color: rgba(0, 0, 0, 0.65);
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-circle .cmd-progress-status-exception .cmd-progress-text {
|
||||||
|
color: #f5222d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmd-progress-circle .cmd-progress-status-success .cmd-progress-text {
|
||||||
|
color: #52c41a;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes cmd-progress-active {
|
||||||
|
0% {
|
||||||
|
opacity: 0.1;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
20% {
|
||||||
|
opacity: 0.5;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
88
components/yomol-prompt/README.md
Normal file
88
components/yomol-prompt/README.md
Normal file
@ -0,0 +1,88 @@
|
|||||||
|
## 说明
|
||||||
|
|
||||||
|
输入内容并返回内容的prompt组件
|
||||||
|
|
||||||
|
提示名称： title
|
||||||
|
|
||||||
|
输入类型：inputType
|
||||||
|
|
||||||
|
默认值：defaultValue
|
||||||
|
|
||||||
|
input逻辑处理方法名称： func
|
||||||
|
|
||||||
|
输入最大长度：maxlength
|
||||||
|
|
||||||
|
主色：themeColor
|
||||||
|
|
||||||
|
|
||||||
|
## 用法
|
||||||
|
|
||||||
|
**父组件**
|
||||||
|
|
||||||
|
```html
|
||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<yomol-prompt :title="promptTitle" :inputType="promptInputType" :maxlength="maxlength" :defaultValue="promptDefaultValue" :func="promptFunc" ref="yomolPrompt" @onConfirm="onPromptConfirm"></yomol-prompt>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
```
|
||||||
|
|
||||||
|
```js
|
||||||
|
<script>
|
||||||
|
import yomolPrompt from '@/components/yomol/yomol-prompt.vue'
|
||||||
|
export default {
|
||||||
|
components:{
|
||||||
|
yomolPrompt
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
promptTitle: '提示',
|
||||||
|
promptDefaultValue: '',
|
||||||
|
promptInputType: 'text',
|
||||||
|
promptFunc: "", //空值不执行
|
||||||
|
maxlength: 18,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onBackPress() {
|
||||||
|
if(this.$refs.yomolPrompt.visible){
|
||||||
|
this.$refs.yomolPrompt.hide()
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad呢(e) {
|
||||||
|
//自定义input处理事件监听
|
||||||
|
uni.$on('update-prompt',(data)=>{
|
||||||
|
// data.value input输入值
|
||||||
|
// data.callback 处理后返回方法名
|
||||||
|
let val = data.value
|
||||||
|
//逻辑处理
|
||||||
|
|
||||||
|
uni.$emit(e.callback,val)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
onUnload呢() {
|
||||||
|
/* 移除事件监听 */
|
||||||
|
uni.$off('update-prompt')
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/*
|
||||||
|
* 打开提示框
|
||||||
|
*/
|
||||||
|
onOpenPromptClick() {
|
||||||
|
this.promptTitle = '修改名称' //提示名称
|
||||||
|
this.promptDefaultValue = 'yomol' //默认值
|
||||||
|
this.promptInputType = 'text' //输入类型 同Input组件
|
||||||
|
this.maxlength = 18 //最大长度
|
||||||
|
this.promptFunc = "update-prompt" //将定义好的处理逻辑名传给组件回调
|
||||||
|
this.$refs.yomolPrompt.show()
|
||||||
|
},
|
||||||
|
/*
|
||||||
|
* 输入内容
|
||||||
|
*/
|
||||||
|
onPromptConfirm(e){
|
||||||
|
console.log(e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
```
|
||||||
211
components/yomol-prompt/yomol-prompt.vue
Normal file
211
components/yomol-prompt/yomol-prompt.vue
Normal file
@ -0,0 +1,211 @@
|
|||||||
|
<template>
|
||||||
|
<view v-if="visible" class="prompt" catchtouchmove="true">
|
||||||
|
<view class="prompt-view">
|
||||||
|
<view class="prompt-title">{{title}}</view>
|
||||||
|
<input v-if="inputType == 'number'" class="prompt-input" auto-height focus type="number" :maxlength="maxlength"
|
||||||
|
placeholder="请输入" v-model="value" :cursor="cursor" @input="onInput" />
|
||||||
|
<input v-else-if="inputType == 'digit'" class="prompt-input" auto-height focus type="digit" :maxlength="maxlength"
|
||||||
|
placeholder="请输入" v-model="value" :cursor="cursor" @input="onInput" />
|
||||||
|
<input v-else-if="inputType == 'idcard'" class="prompt-input" auto-height focus type="idcard" :maxlength="maxlength"
|
||||||
|
placeholder="请输入" v-model="value" :cursor="cursor" @input="onInput" />
|
||||||
|
<textarea v-else class="prompt-input" auto-height focus type="text" :maxlength="maxlength" placeholder="请输入" v-model="value"
|
||||||
|
:cursor="cursor" @input="onInput" />
|
||||||
|
<view class="prompt-btns">
|
||||||
|
<view class="prompt-cancel" hover-class="hover" hover-start-time="20" @click="onCancel()">{{cancelText}}</view>
|
||||||
|
<view class="prompt-sure" :style="{'background-color':themeColor,'border-top': '1px solid ' + themeColor}" @click="onSure()">{{sureText}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data(){
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
value: '',
|
||||||
|
cursor: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
props:{
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
default: '提示'
|
||||||
|
},
|
||||||
|
defaultValue: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
maxlength: {
|
||||||
|
type: Number,
|
||||||
|
default: 18
|
||||||
|
},
|
||||||
|
inputType: {
|
||||||
|
type: String,
|
||||||
|
default: 'text'
|
||||||
|
},
|
||||||
|
func: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
themeColor: {
|
||||||
|
type: String,
|
||||||
|
default: '#C40000'
|
||||||
|
},
|
||||||
|
cancelText: {
|
||||||
|
type: String,
|
||||||
|
default: '取消'
|
||||||
|
},
|
||||||
|
sureText: {
|
||||||
|
type: String,
|
||||||
|
default: '确定'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
defaultValue() {
|
||||||
|
this.init()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
init(){
|
||||||
|
this.value = this.defaultValue
|
||||||
|
this.cursor = this.value == ''? 0:this.value.length
|
||||||
|
uni.$on('yomol-prompt',(data)=>{
|
||||||
|
setTimeout(()=>{
|
||||||
|
this.value = data
|
||||||
|
},0)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
show() {
|
||||||
|
setTimeout(() => {
|
||||||
|
this.init()
|
||||||
|
this.visible = true
|
||||||
|
}, 100);
|
||||||
|
},
|
||||||
|
hide(){
|
||||||
|
setTimeout(() => {
|
||||||
|
this.value = ''
|
||||||
|
this.visible = false
|
||||||
|
uni.$off('yomol-prompt')
|
||||||
|
}, 100);
|
||||||
|
},
|
||||||
|
onInput(e){
|
||||||
|
this.value = e.detail.value
|
||||||
|
if(this.value.length == this.maxlength){
|
||||||
|
uni.hideKeyboard()
|
||||||
|
}
|
||||||
|
if(this.func != "" || this.func != null){
|
||||||
|
var data = {
|
||||||
|
value: this.value,
|
||||||
|
callback: 'yomol-prompt',
|
||||||
|
}
|
||||||
|
uni.$emit(this.func,data)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onCancel(){
|
||||||
|
this.hide()
|
||||||
|
},
|
||||||
|
onSure(){
|
||||||
|
this.$emit('onConfirm', this.value);
|
||||||
|
this.hide()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.prompt {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 6000;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes mask{
|
||||||
|
from{
|
||||||
|
background: rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
to{
|
||||||
|
background: rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.prompt-view {
|
||||||
|
position: absolute;
|
||||||
|
top: 20vw;
|
||||||
|
width: 80vw;
|
||||||
|
margin-left: 10vw;
|
||||||
|
background-color: white;
|
||||||
|
border: 1px solid #D5D5D5;
|
||||||
|
box-shadow: 2px 2px 2px #D5D5D5;
|
||||||
|
border-radius: 15upx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
animation: view 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes view{
|
||||||
|
from{
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(0.8);
|
||||||
|
}
|
||||||
|
to{
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.prompt-title {
|
||||||
|
font-size: 35upx;
|
||||||
|
font-weight: 500;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 30upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prompt-input {
|
||||||
|
width: 80%;
|
||||||
|
margin-top: 20upx;
|
||||||
|
font-size: 30upx;
|
||||||
|
line-height: 20px;
|
||||||
|
padding: 15upx 0 15upx 20upx;
|
||||||
|
border-radius: 5upx;
|
||||||
|
border: 1px solid #D5D5D5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prompt-btns {
|
||||||
|
align-self: flex-end;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row nowrap;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 50upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prompt-cancel {
|
||||||
|
width: 50%;
|
||||||
|
padding: 15upx;
|
||||||
|
color: #666;
|
||||||
|
border-top: 1px solid #E5E5E5;
|
||||||
|
border-bottom-left-radius: 15upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prompt-sure {
|
||||||
|
width: 50%;
|
||||||
|
padding: 15upx;
|
||||||
|
background-color: #C40000;
|
||||||
|
color: white;
|
||||||
|
border-top: 1px solid #C40000;
|
||||||
|
border-bottom-right-radius: 15upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hover{
|
||||||
|
background-color: #E4E4E4
|
||||||
|
}
|
||||||
|
</style>
|
||||||
81
components/yomol-upgrade/README.md
Normal file
81
components/yomol-upgrade/README.md
Normal file
@ -0,0 +1,81 @@
|
|||||||
|
## 说明
|
||||||
|
|
||||||
|
检测版本更新，并自动下载安装的组件
|
||||||
|
|
||||||
|
后台逻辑用户自定义，我的是java
|
||||||
|
|
||||||
|
联系QQ: 1397551270
|
||||||
|
|
||||||
|
|
||||||
|
## 用法
|
||||||
|
|
||||||
|
**父组件**
|
||||||
|
|
||||||
|
```html
|
||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<yomol-upgrade :type="upgradeType" :url="upgradeUrl" title="发现新版本" :content="upgradeContent" ref="yomolUpgrade"></yomol-upgrade>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
```
|
||||||
|
|
||||||
|
```js
|
||||||
|
<script>
|
||||||
|
import yomolUpgrade from '@/components/yomol-upgrade/yomol-upgrade.vue'
|
||||||
|
export default {
|
||||||
|
components:{
|
||||||
|
yomolUpgrade
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
upgradeType: 'pkg', //pkg 整包 wgt 升级包
|
||||||
|
upgradeContent: '', //更新内容
|
||||||
|
upgradeUrl: '', //更新地址
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/*
|
||||||
|
* 检测版本升级
|
||||||
|
*/
|
||||||
|
checkVersionClick() {
|
||||||
|
// 获取版本信息
|
||||||
|
plus.runtime.getProperty(plus.runtime.appid, (widgetInfo) => {
|
||||||
|
var platform = uni.getSystemInfoSync().platform
|
||||||
|
//根据当前平台去后台检测版本号
|
||||||
|
//这是我的逻辑，可自定义
|
||||||
|
uni.request({
|
||||||
|
url: 'https://www.cheshangji.cn/csj-web/app/check/' + platform,
|
||||||
|
data: {
|
||||||
|
version: widgetInfo.version,
|
||||||
|
name: widgetInfo.name //没啥用
|
||||||
|
},
|
||||||
|
success: (res) => {
|
||||||
|
console.log(res);
|
||||||
|
if (res.data.status == 200 && res.data.data.update) {
|
||||||
|
//我的后台会返回一个安装包地址（pkgUrl），升级包地址（wgtUrl）
|
||||||
|
//判空来判断是非是整包升级还是资源包升级
|
||||||
|
//content是版本更新内容 \n换行
|
||||||
|
//ios用户pkgUrl是苹果市场App地址，android自定义下载地址
|
||||||
|
if (res.data.data.pkgUrl != '' && res.data.data.wgtUrl == '') {
|
||||||
|
this.upgradeType = 'pkg'
|
||||||
|
this.upgradeContent = res.data.data.content
|
||||||
|
this.upgradeUrl = res.data.data.pkgUrl
|
||||||
|
this.$refs.yomolUpgrade.show()
|
||||||
|
} else {
|
||||||
|
this.upgradeType = 'wgt'
|
||||||
|
this.upgradeContent = res.data.data.content
|
||||||
|
this.upgradeUrl = res.data.data.wgtUrl
|
||||||
|
this.$refs.yomolUpgrade.show()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail: (error) => {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
```
|
||||||
196
components/yomol-upgrade/yomol-upgrade.vue
Normal file
196
components/yomol-upgrade/yomol-upgrade.vue
Normal file
@ -0,0 +1,196 @@
|
|||||||
|
<template>
|
||||||
|
<view v-if="visible" class="mark">
|
||||||
|
<view class="view">
|
||||||
|
<text class="title">{{title}}</text>
|
||||||
|
<view class="tip">新版更新内容</view>
|
||||||
|
<scroll-view class="scroll" scroll-y>
|
||||||
|
<view class="item" v-for="(item,index) in contents" :key="index">
|
||||||
|
{{item}}
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
<view v-if="!downloading" class="btns">
|
||||||
|
<image class="icon" src="../../static/ic_download.png"></image>
|
||||||
|
<view class="sure" @click="onSureClick()">马上升级</view>
|
||||||
|
</view>
|
||||||
|
<cmd-progress v-else class="progress" type="circle" stroke-color="#008B8B" :percent="progress"></cmd-progress>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import cmdProgress from '../cmd-progress/cmd-progress.vue'
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
cmdProgress
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
progress: 0,
|
||||||
|
contents: [],
|
||||||
|
downloading: false,
|
||||||
|
success: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
type: {
|
||||||
|
type: String,
|
||||||
|
default: 'pkg'
|
||||||
|
},
|
||||||
|
url: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
default: '版本更新'
|
||||||
|
},
|
||||||
|
content: {
|
||||||
|
type: String,
|
||||||
|
default: ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
content() {
|
||||||
|
var strs = this.content.split('\\n')
|
||||||
|
for (var i = 0; i < strs.length; i++) {
|
||||||
|
this.contents.push(strs[i])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
show() {
|
||||||
|
setTimeout(() => {
|
||||||
|
if (this.success) {
|
||||||
|
this.visible = true
|
||||||
|
}
|
||||||
|
}, 100);
|
||||||
|
},
|
||||||
|
hide() {
|
||||||
|
setTimeout(() => {
|
||||||
|
this.visible = false
|
||||||
|
}, 100);
|
||||||
|
},
|
||||||
|
onCancelClick() {
|
||||||
|
this.hide()
|
||||||
|
},
|
||||||
|
onSureClick() {
|
||||||
|
var platform = uni.getSystemInfoSync().platform
|
||||||
|
if (platform == 'ios' && this.type == 'pkg') {
|
||||||
|
plus.runtime.openURL(this.url);
|
||||||
|
} else {
|
||||||
|
this.downloading = true
|
||||||
|
var downloadTask = uni.downloadFile({
|
||||||
|
url: this.url,
|
||||||
|
success: (downloadResult) => {
|
||||||
|
this.hide()
|
||||||
|
if (downloadResult.statusCode === 200) {
|
||||||
|
plus.runtime.install(downloadResult.tempFilePath, {
|
||||||
|
force: false
|
||||||
|
}, function() {
|
||||||
|
plus.runtime.restart();
|
||||||
|
}, (e) => {
|
||||||
|
console.log(e);
|
||||||
|
this.success = false
|
||||||
|
uni.showToast({
|
||||||
|
title: '安装升级包失败',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
downloadTask.onProgressUpdate((e) => {
|
||||||
|
this.progress = e.progress
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.mark {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row nowrap;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.view {
|
||||||
|
width: 80vw;
|
||||||
|
height: 70vw;
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 15upx;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: column;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
margin-top: 20upx;
|
||||||
|
color: #000000;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 38upx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tip {
|
||||||
|
margin-top: 20upx;
|
||||||
|
margin-left: 30upx;
|
||||||
|
align-self: flex-start;
|
||||||
|
font-size: 32upx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scroll {
|
||||||
|
width: 100%;
|
||||||
|
height: 300upx;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: column;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
margin-left: 50upx;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 30upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btns {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row nowrap;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 10upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
width: 45upx;
|
||||||
|
height: 45upx;
|
||||||
|
margin-right: 10upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sure {
|
||||||
|
padding: 10upx 0;
|
||||||
|
text-align: center;
|
||||||
|
color: #008B8B;
|
||||||
|
font-size: 30upx;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
margin-bottom: 20upx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -3,7 +3,7 @@
|
|||||||
"appid" : "__UNI__AB411CB",
|
"appid" : "__UNI__AB411CB",
|
||||||
"description" : "",
|
"description" : "",
|
||||||
"versionName" : "1.0.0",
|
"versionName" : "1.0.0",
|
||||||
"versionCode" : "100",
|
"versionCode" : 2,
|
||||||
"transformPx" : false,
|
"transformPx" : false,
|
||||||
/* 5+App特有相关 */
|
/* 5+App特有相关 */
|
||||||
"app-plus" : {
|
"app-plus" : {
|
||||||
|
|||||||
@ -25,6 +25,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<yomol-upgrade :type="upgradeType" :url="upgradeUrl" title="发现新版本" :content="upgradeContent" ref="yomolUpgrade"></yomol-upgrade>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
@ -34,16 +35,22 @@
|
|||||||
import uniListItem from "@/components/uni-list-item/uni-list-item.vue"
|
import uniListItem from "@/components/uni-list-item/uni-list-item.vue"
|
||||||
import uniLoadMore from "@/components/uni-load-more/uni-load-more.vue"
|
import uniLoadMore from "@/components/uni-load-more/uni-load-more.vue"
|
||||||
import common from '../../common/common.js'
|
import common from '../../common/common.js'
|
||||||
|
import yomolUpgrade from '@/components/yomol-upgrade/yomol-upgrade.vue'
|
||||||
var _self;
|
var _self;
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
uniList,
|
uniList,
|
||||||
uniListItem,
|
uniListItem,
|
||||||
uniLoadMore
|
uniLoadMore,
|
||||||
|
yomolUpgrade
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
token: '',
|
token: '',
|
||||||
|
/* 版本更新 */
|
||||||
|
upgradeType: 'pkg', //pkg 整包 wgt 升级包
|
||||||
|
upgradeContent: '', //更新内容
|
||||||
|
upgradeUrl: '', //更新地址
|
||||||
divider: ' | ',
|
divider: ' | ',
|
||||||
evaluations: [],
|
evaluations: [],
|
||||||
more: 'more',
|
more: 'more',
|
||||||
@ -65,6 +72,7 @@
|
|||||||
_self.token = appToken;
|
_self.token = appToken;
|
||||||
uni.startPullDownRefresh({});
|
uni.startPullDownRefresh({});
|
||||||
_self.initData();
|
_self.initData();
|
||||||
|
_self.checkAppVersion();
|
||||||
},
|
},
|
||||||
onPullDownRefresh() {
|
onPullDownRefresh() {
|
||||||
var self = this;
|
var self = this;
|
||||||
@ -72,6 +80,32 @@
|
|||||||
self.initData();
|
self.initData();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
checkAppVersion() {
|
||||||
|
var versionUrl = common.userCenterBaseUrl +
|
||||||
|
'/app/appversion/getappversionnumber/240fbf7a-aa32-4cde-9674-5147a7d5eb2f'
|
||||||
|
var downloadUrl = common.userCenterBaseUrl + '/app/appversion/downloadapp/240fbf7a-aa32-4cde-9674-5147a7d5eb2f'
|
||||||
|
uni.request({
|
||||||
|
url: versionUrl,
|
||||||
|
header: {
|
||||||
|
'token': _self.token
|
||||||
|
},
|
||||||
|
success(res) {
|
||||||
|
plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => {
|
||||||
|
var appId = wgtinfo.appid;
|
||||||
|
var appVersion = wgtinfo.versionCode;
|
||||||
|
if (res.data.data && res.data.data > appVersion) {
|
||||||
|
_self.upgradeType = 'pkg'
|
||||||
|
_self.upgradeContent = "新增部分更能,请更新;"
|
||||||
|
_self.upgradeUrl = downloadUrl
|
||||||
|
_self.$refs.yomolUpgrade.show()
|
||||||
|
} else {
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
fail(error) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
initData() {
|
initData() {
|
||||||
var self = this;
|
var self = this;
|
||||||
var listUrl = common.evalutaionBaseUrl + '/app/apptask/listtasktoapp';
|
var listUrl = common.evalutaionBaseUrl + '/app/apptask/listtasktoapp';
|
||||||
@ -104,7 +138,6 @@
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
itemClick(e) {
|
itemClick(e) {
|
||||||
console.log(e);
|
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '../evaluation/doEvaluation?taskId=' + e.taskId
|
url: '../evaluation/doEvaluation?taskId=' + e.taskId
|
||||||
})
|
})
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
<view class="conbox">
|
<view class="conbox">
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<!-- 背景 -->
|
<!-- 背景 -->
|
||||||
<image src="../../static/background.png" class="cont" mode="aspectFill"></image>
|
<!-- <image src="../../static/background.png" class="cont" mode="aspectFill"></image> -->
|
||||||
<view class="canvas-content">
|
<view class="canvas-content">
|
||||||
<view class="title">您好!</view>
|
<view class="title">您好!</view>
|
||||||
<view class="hint">欢迎来到民主测评平台</view>
|
<view class="hint">欢迎来到民主测评平台</view>
|
||||||
@ -144,12 +144,14 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: url(../../static/background.png);
|
/* background: linear-gradient(#d3959b, #d3959b, #bfe6ba); */
|
||||||
|
/* background: url(../../static/background.png); */
|
||||||
}
|
}
|
||||||
|
|
||||||
image.cont {
|
image.cont {
|
||||||
@ -225,7 +227,7 @@
|
|||||||
line-height: 84rpx;
|
line-height: 84rpx;
|
||||||
border-radius: 50rpx;
|
border-radius: 50rpx;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
background-color: #008B8B;
|
background-color: #7FFFD4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn:active {
|
.btn:active {
|
||||||
@ -235,8 +237,8 @@
|
|||||||
width: 95%;
|
width: 95%;
|
||||||
line-height: 84rpx;
|
line-height: 84rpx;
|
||||||
border-radius: 50rpx;
|
border-radius: 50rpx;
|
||||||
color: #000000;
|
color: #FFFFFF;
|
||||||
background-color: #008B8B;
|
background-color: #C8C7CC;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-font {
|
.input-font {
|
||||||
@ -246,7 +248,7 @@
|
|||||||
margin-top: 25rpx;
|
margin-top: 25rpx;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-bottom: 1rpx solid #D3D3D3;
|
border-bottom: 1rpx solid #7FFFD4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.verify-box {
|
.verify-box {
|
||||||
@ -303,7 +305,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.conbox {
|
.conbox {
|
||||||
background: #FFFFFF;
|
background: linear-gradient( #668B8B,#79CDCD, #7FFFD4);
|
||||||
|
/* background: #FFFFFF; */
|
||||||
width: 750rpx;
|
width: 750rpx;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
|||||||
BIN
static/ic_download.png
Normal file
BIN
static/ic_download.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@ -102,11 +102,11 @@
|
|||||||
/******/
|
/******/
|
||||||
/******/
|
/******/
|
||||||
/******/ // mini-css-extract-plugin CSS loading
|
/******/ // mini-css-extract-plugin CSS loading
|
||||||
/******/ var cssChunks = {"components/uni-list-item/uni-list-item":1,"components/uni-list/uni-list":1,"components/uni-load-more/uni-load-more":1,"components/uni-icons/uni-icons":1,"components/uni-badge/uni-badge":1};
|
/******/ var cssChunks = {"components/uni-load-more/uni-load-more":1,"components/yomol-upgrade/yomol-upgrade":1,"components/uni-list-item/uni-list-item":1,"components/uni-list/uni-list":1,"components/cmd-progress/cmd-progress":1,"components/uni-icons/uni-icons":1,"components/uni-badge/uni-badge":1};
|
||||||
/******/ if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);
|
/******/ if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);
|
||||||
/******/ else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {
|
/******/ else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {
|
||||||
/******/ promises.push(installedCssChunks[chunkId] = new Promise(function(resolve, reject) {
|
/******/ promises.push(installedCssChunks[chunkId] = new Promise(function(resolve, reject) {
|
||||||
/******/ var href = "" + ({"components/uni-list-item/uni-list-item":"components/uni-list-item/uni-list-item","components/uni-list/uni-list":"components/uni-list/uni-list","components/uni-load-more/uni-load-more":"components/uni-load-more/uni-load-more","components/uni-icons/uni-icons":"components/uni-icons/uni-icons","components/uni-badge/uni-badge":"components/uni-badge/uni-badge"}[chunkId]||chunkId) + ".wxss";
|
/******/ var href = "" + ({"components/uni-load-more/uni-load-more":"components/uni-load-more/uni-load-more","components/yomol-upgrade/yomol-upgrade":"components/yomol-upgrade/yomol-upgrade","components/uni-list-item/uni-list-item":"components/uni-list-item/uni-list-item","components/uni-list/uni-list":"components/uni-list/uni-list","components/cmd-progress/cmd-progress":"components/cmd-progress/cmd-progress","components/uni-icons/uni-icons":"components/uni-icons/uni-icons","components/uni-badge/uni-badge":"components/uni-badge/uni-badge"}[chunkId]||chunkId) + ".wxss";
|
||||||
/******/ var fullhref = __webpack_require__.p + href;
|
/******/ var fullhref = __webpack_require__.p + href;
|
||||||
/******/ var existingLinkTags = document.getElementsByTagName("link");
|
/******/ var existingLinkTags = document.getElementsByTagName("link");
|
||||||
/******/ for(var i = 0; i < existingLinkTags.length; i++) {
|
/******/ for(var i = 0; i < existingLinkTags.length; i++) {
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
95
unpackage/dist/dev/.tmp/app-plus/components/cmd-progress/cmd-progress.js
vendored
Normal file
95
unpackage/dist/dev/.tmp/app-plus/components/cmd-progress/cmd-progress.js
vendored
Normal file
File diff suppressed because one or more lines are too long
4
unpackage/dist/dev/.tmp/app-plus/components/cmd-progress/cmd-progress.json
vendored
Normal file
4
unpackage/dist/dev/.tmp/app-plus/components/cmd-progress/cmd-progress.json
vendored
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {},
|
||||||
|
"component": true
|
||||||
|
}
|
||||||
1
unpackage/dist/dev/.tmp/app-plus/components/cmd-progress/cmd-progress.wxml
vendored
Normal file
1
unpackage/dist/dev/.tmp/app-plus/components/cmd-progress/cmd-progress.wxml
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
<view class="{{['cmd-progress cmd-progress-default',setStatusClass]}}"><block wx:if="{{type=='circle'||type=='dashboard'}}"><block><view class="{{['cmd-progress cmd-progress-default',setStatusClass]}}"><view class="cmd-progress-inner" style="{{(setCircleStyle)}}"><text style="{{(setCircle)}}"></text><block wx:if="{{showInfo&&!custom}}"><block><text class="cmd-progress-text" title="{{setFormat}}"><block wx:if="{{status!='success'&&status!='exception'&&setProgress<100}}"><block>{{setFormat}}</block></block><block wx:if="{{status=='exception'||status=='success'||setProgress==100}}"><text style="{{(setCircleIcon)}}"></text></block></text></block></block><block wx:else><block><view class="cmd-progress-custom"><slot></slot></view></block></block></view></view></block></block><block wx:if="{{type=='line'}}"><block><view class="cmd-progress-outer"><view class="cmd-progress-inner" style="{{'border-radius:'+(strokeShape=='square'?0:'100px')+';'}}"><view class="cmd-progress-bg" style="{{(setLineStyle)}}"></view><block wx:if="{{successPercent}}"><view class="cmd-progress-success-bg" style="{{(setLineSuccessStyle)}}"></view></block></view></view><block wx:if="{{showInfo&&!custom}}"><block><text class="cmd-progress-text" title="{{setFormat}}"><block wx:if="{{status!='success'&&status!='exception'&&setProgress<100}}"><block>{{setFormat}}</block></block><block wx:if="{{status=='exception'||status=='success'||setProgress==100}}"><text style="{{(setLineStatusIcon)}}"></text></block></text></block></block><block wx:else><block><view class="cmd-progress-custom"><slot></slot></view></block></block></block></block></view>
|
||||||
191
unpackage/dist/dev/.tmp/app-plus/components/cmd-progress/cmd-progress.wxss
vendored
Normal file
191
unpackage/dist/dev/.tmp/app-plus/components/cmd-progress/cmd-progress.wxss
vendored
Normal file
@ -0,0 +1,191 @@
|
|||||||
|
|
||||||
|
.cmd-progress {
|
||||||
|
font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-variant: tabular-nums;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: rgba(0, 0, 0, 0.65);
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.cmd-progress-line {
|
||||||
|
width: 100%;
|
||||||
|
font-size: 28rpx;
|
||||||
|
position: relative;
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-orient: horizontal;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-webkit-flex-direction: row;
|
||||||
|
flex-direction: row;
|
||||||
|
-webkit-box-pack: center;
|
||||||
|
-webkit-justify-content: center;
|
||||||
|
justify-content: center;
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-webkit-align-items: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.cmd-progress-outer {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
margin-right: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
.cmd-progress-show-info .cmd-progress-outer {
|
||||||
|
-webkit-box-flex: 1;
|
||||||
|
-webkit-flex: 1;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
.cmd-progress-inner {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
border-radius: 200rpx;
|
||||||
|
vertical-align: middle;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.cmd-progress-circle-trail {
|
||||||
|
stroke: #f5f5f5;
|
||||||
|
}
|
||||||
|
.cmd-progress-circle-path {
|
||||||
|
stroke: #1890ff;
|
||||||
|
-webkit-animation: appear 0.3s;
|
||||||
|
animation: appear 0.3s;
|
||||||
|
}
|
||||||
|
.cmd-progress-success-bg,
|
||||||
|
.cmd-progress-bg {
|
||||||
|
background-color: #1890ff;
|
||||||
|
-webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
|
||||||
|
transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.cmd-progress-success-bg {
|
||||||
|
background-color: #52c41a;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.cmd-progress-custom {
|
||||||
|
max-width: 50%;
|
||||||
|
margin-left: 16rpx;
|
||||||
|
vertical-align: middle;
|
||||||
|
display: inline-block;
|
||||||
|
white-space: normal;
|
||||||
|
word-wrap: break-word;
|
||||||
|
word-break: break-all;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.cmd-progress-text {
|
||||||
|
min-width: 60rpx;
|
||||||
|
text-align: left;
|
||||||
|
margin-left: 16rpx;
|
||||||
|
vertical-align: middle;
|
||||||
|
display: inline-block;
|
||||||
|
white-space: normal;
|
||||||
|
color: rgba(0, 0, 0, 0.45);
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.cmd-progress-status-active .cmd-progress-bg:before {
|
||||||
|
content: "";
|
||||||
|
opacity: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
-webkit-animation: cmd-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
|
||||||
|
animation: cmd-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
|
||||||
|
}
|
||||||
|
.cmd-progress-status-exception .cmd-progress-bg {
|
||||||
|
background-color: #f5222d;
|
||||||
|
}
|
||||||
|
.cmd-progress-status-exception .cmd-progress-text {
|
||||||
|
color: #f5222d;
|
||||||
|
}
|
||||||
|
.cmd-progress-status-exception .cmd-progress-circle-path {
|
||||||
|
stroke: #f5222d;
|
||||||
|
}
|
||||||
|
.cmd-progress-status-success .cmd-progress-bg {
|
||||||
|
background-color: #52c41a;
|
||||||
|
}
|
||||||
|
.cmd-progress-status-success .cmd-progress-text {
|
||||||
|
color: #52c41a;
|
||||||
|
}
|
||||||
|
.cmd-progress-status-success .cmd-progress-circle-path {
|
||||||
|
stroke: #52c41a;
|
||||||
|
}
|
||||||
|
.cmd-progress-circle .cmd-progress-inner {
|
||||||
|
position: relative;
|
||||||
|
line-height: 1;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.cmd-progress-circle .cmd-progress-custom {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
line-height: 1;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform: translateY(-50%);
|
||||||
|
transform: translateY(-50%);
|
||||||
|
left: 25%;
|
||||||
|
right: 25%;
|
||||||
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: normal;
|
||||||
|
word-wrap: break-word;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
.cmd-progress-circle .cmd-progress-text {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform: translateY(-50%);
|
||||||
|
transform: translateY(-50%);
|
||||||
|
left: 0;
|
||||||
|
margin: 0;
|
||||||
|
color: rgba(0, 0, 0, 0.65);
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
.cmd-progress-circle .cmd-progress-status-exception .cmd-progress-text {
|
||||||
|
color: #f5222d;
|
||||||
|
}
|
||||||
|
.cmd-progress-circle .cmd-progress-status-success .cmd-progress-text {
|
||||||
|
color: #52c41a;
|
||||||
|
}
|
||||||
|
@-webkit-keyframes cmd-progress-active {
|
||||||
|
0% {
|
||||||
|
opacity: 0.1;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
opacity: 0.5;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes cmd-progress-active {
|
||||||
|
0% {
|
||||||
|
opacity: 0.1;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
opacity: 0.5;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
95
unpackage/dist/dev/.tmp/app-plus/components/yomol-upgrade/yomol-upgrade.js
vendored
Normal file
95
unpackage/dist/dev/.tmp/app-plus/components/yomol-upgrade/yomol-upgrade.js
vendored
Normal file
File diff suppressed because one or more lines are too long
6
unpackage/dist/dev/.tmp/app-plus/components/yomol-upgrade/yomol-upgrade.json
vendored
Normal file
6
unpackage/dist/dev/.tmp/app-plus/components/yomol-upgrade/yomol-upgrade.json
vendored
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {
|
||||||
|
"cmd-progress": "/components/cmd-progress/cmd-progress"
|
||||||
|
},
|
||||||
|
"component": true
|
||||||
|
}
|
||||||
1
unpackage/dist/dev/.tmp/app-plus/components/yomol-upgrade/yomol-upgrade.wxml
vendored
Normal file
1
unpackage/dist/dev/.tmp/app-plus/components/yomol-upgrade/yomol-upgrade.wxml
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
<block wx:if="{{visible}}"><view class="mark"><view class="view"><text class="title">{{title}}</text><view class="tip">新版更新内容</view><scroll-view class="scroll" scroll-y><block wx:for="{{contents}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="item">{{''+item+''}}</view></block></scroll-view><block wx:if="{{!downloading}}"><view class="btns"><image class="icon" src="../../static/ic_download.png"></image><view data-event-opts="{{[['tap',[['onSureClick']]]]}}" class="sure" bindtap="__e">马上升级</view></view></block><block wx:else><cmd-progress class="progress" vue-id="1" type="circle" stroke-color="#008B8B" percent="{{progress}}" bind:__l="__l"></cmd-progress></block></view></view></block>
|
||||||
113
unpackage/dist/dev/.tmp/app-plus/components/yomol-upgrade/yomol-upgrade.wxss
vendored
Normal file
113
unpackage/dist/dev/.tmp/app-plus/components/yomol-upgrade/yomol-upgrade.wxss
vendored
Normal file
@ -0,0 +1,113 @@
|
|||||||
|
|
||||||
|
.mark {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-orient: horizontal;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-webkit-flex-flow: row nowrap;
|
||||||
|
flex-flow: row nowrap;
|
||||||
|
-webkit-box-pack: center;
|
||||||
|
-webkit-justify-content: center;
|
||||||
|
justify-content: center;
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-webkit-align-items: center;
|
||||||
|
align-items: center;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
.view {
|
||||||
|
width: 80vw;
|
||||||
|
height: 70vw;
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 15rpx;
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-webkit-flex-flow: column;
|
||||||
|
flex-flow: column;
|
||||||
|
-webkit-box-pack: start;
|
||||||
|
-webkit-justify-content: flex-start;
|
||||||
|
justify-content: flex-start;
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-webkit-align-items: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
color: #000000;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 38rpx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.tip {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
margin-left: 30rpx;
|
||||||
|
-webkit-align-self: flex-start;
|
||||||
|
align-self: flex-start;
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
.scroll {
|
||||||
|
width: 100%;
|
||||||
|
height: 300rpx;
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-webkit-flex-flow: column;
|
||||||
|
flex-flow: column;
|
||||||
|
-webkit-box-pack: start;
|
||||||
|
-webkit-justify-content: flex-start;
|
||||||
|
justify-content: flex-start;
|
||||||
|
-webkit-box-align: start;
|
||||||
|
-webkit-align-items: flex-start;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
.item {
|
||||||
|
margin-left: 50rpx;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 30rpx;
|
||||||
|
}
|
||||||
|
.btns {
|
||||||
|
width: 100%;
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-orient: horizontal;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-webkit-flex-flow: row nowrap;
|
||||||
|
flex-flow: row nowrap;
|
||||||
|
-webkit-box-pack: center;
|
||||||
|
-webkit-justify-content: center;
|
||||||
|
justify-content: center;
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-webkit-align-items: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
}
|
||||||
|
.icon {
|
||||||
|
width: 45rpx;
|
||||||
|
height: 45rpx;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
.sure {
|
||||||
|
padding: 10rpx 0;
|
||||||
|
text-align: center;
|
||||||
|
color: #008B8B;
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.progress {
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
@ -8,7 +8,7 @@
|
|||||||
"name": "民主测评",
|
"name": "民主测评",
|
||||||
"version": {
|
"version": {
|
||||||
"name": "1.0.0",
|
"name": "1.0.0",
|
||||||
"code": "100"
|
"code": 2
|
||||||
},
|
},
|
||||||
"description": "",
|
"description": "",
|
||||||
"launch_path": "__uniappview.html",
|
"launch_path": "__uniappview.html",
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -7,6 +7,7 @@
|
|||||||
"usingComponents": {
|
"usingComponents": {
|
||||||
"uni-list": "/components/uni-list/uni-list",
|
"uni-list": "/components/uni-list/uni-list",
|
||||||
"uni-list-item": "/components/uni-list-item/uni-list-item",
|
"uni-list-item": "/components/uni-list-item/uni-list-item",
|
||||||
"uni-load-more": "/components/uni-load-more/uni-load-more"
|
"uni-load-more": "/components/uni-load-more/uni-load-more",
|
||||||
|
"yomol-upgrade": "/components/yomol-upgrade/yomol-upgrade"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1 +1 @@
|
|||||||
<view><block wx:for="{{$root.l0}}" wx:for-item="evaluation" wx:for-index="index" wx:key="index"><view class="content" data-taskid="{{evaluation.$orig.taskId}}" data-event-opts="{{[['tap',[['itemClick',['$0'],[[['evaluations','',index]]]]]]]}}" bindtap="__e"><view class="item-li"><view class="item-title">{{index+1+"."+evaluation.$orig.taskName}}</view><view class="item-content">{{evaluation.$orig.evaluationName}}</view><view class="item-bottom-box"><view class="item-tag-box"><view class="item-time">{{''+evaluation.g0+"至"+evaluation.g1+''}}</view><view class="item-tag"><block wx:if="{{evaluation.$orig.taskType===1}}"><text>{{evaluation.g2[1]+" [测评部门]"}}</text></block><block wx:if="{{evaluation.$orig.taskType===2}}"><text>{{evaluation.g3[2]+" [测评人员]"}}</text></block></view></view><view class="item-count-tag"><view class="item-count-yet">{{evaluation.g4+''}}</view><text style="color:#FFFFFF;" space="emsp" decode="true">{{divider}}</text><view class="item-count-not">{{''+evaluation.g5}}</view></view></view></view></view></block></view>
|
<view><block wx:for="{{$root.l0}}" wx:for-item="evaluation" wx:for-index="index" wx:key="index"><view class="content" data-taskid="{{evaluation.$orig.taskId}}" data-event-opts="{{[['tap',[['itemClick',['$0'],[[['evaluations','',index]]]]]]]}}" bindtap="__e"><view class="item-li"><view class="item-title">{{index+1+"."+evaluation.$orig.taskName}}</view><view class="item-content">{{evaluation.$orig.evaluationName}}</view><view class="item-bottom-box"><view class="item-tag-box"><view class="item-time">{{''+evaluation.g0+"至"+evaluation.g1+''}}</view><view class="item-tag"><block wx:if="{{evaluation.$orig.taskType===1}}"><text>{{evaluation.g2[1]+" [测评部门]"}}</text></block><block wx:if="{{evaluation.$orig.taskType===2}}"><text>{{evaluation.g3[2]+" [测评人员]"}}</text></block></view></view><view class="item-count-tag"><view class="item-count-yet">{{evaluation.g4+''}}</view><text style="color:#FFFFFF;" space="emsp" decode="true">{{divider}}</text><view class="item-count-not">{{''+evaluation.g5}}</view></view></view></view></view></block><yomol-upgrade class="vue-ref" vue-id="1" type="{{upgradeType}}" url="{{upgradeUrl}}" title="发现新版本" content="{{upgradeContent}}" data-ref="yomolUpgrade" bind:__l="__l"></yomol-upgrade></view>
|
||||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
|||||||
<view><view class="conbox"><view class="container"><image class="cont" src="../../static/background.png" mode="aspectFill"></image><view class="canvas-content"><view class="title">您好!</view><view class="hint">欢迎来到民主测评平台</view><view class="input-form"><input class="input-font" placeholder="请输入账号" type="text" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['','username','$event',[]]]]]]}}" value="{{username}}" bindinput="__e"/><input class="input-font" placeholder="请输入密码" type="password" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['','password','$event',[]]]]]]}}" value="{{password}}" bindinput="__e"/></view><view data-event-opts="{{[['tap',[['login',['$event']]]]]}}" class="btn" bindtap="__e"><text>登录</text></view></view></view></view></view>
|
<view><view class="conbox"><view class="container"><view class="canvas-content"><view class="title">您好!</view><view class="hint">欢迎来到民主测评平台</view><view class="input-form"><input class="input-font" placeholder="请输入账号" type="text" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['','username','$event',[]]]]]]}}" value="{{username}}" bindinput="__e"/><input class="input-font" placeholder="请输入密码" type="password" placeholder-class="input-placeholder" data-event-opts="{{[['input',[['__set_model',['','password','$event',[]]]]]]}}" value="{{password}}" bindinput="__e"/></view><view data-event-opts="{{[['tap',[['login',['$event']]]]]}}" class="btn" bindtap="__e"><text>登录</text></view></view></view></view></view>
|
||||||
@ -13,7 +13,8 @@
|
|||||||
-webkit-box-align: center;
|
-webkit-box-align: center;
|
||||||
-webkit-align-items: center;
|
-webkit-align-items: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: url(../../static/img/background.55b53f1d.png);
|
/* background: linear-gradient(#d3959b, #d3959b, #bfe6ba); */
|
||||||
|
/* background: url(../../static/background.png); */
|
||||||
}
|
}
|
||||||
image.cont {
|
image.cont {
|
||||||
width: 750rpx;
|
width: 750rpx;
|
||||||
@ -86,7 +87,7 @@ image.cont {
|
|||||||
line-height: 84rpx;
|
line-height: 84rpx;
|
||||||
border-radius: 50rpx;
|
border-radius: 50rpx;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
background-color: #008B8B;
|
background-color: #7FFFD4;
|
||||||
}
|
}
|
||||||
.btn:active {
|
.btn:active {
|
||||||
margin: 35rpx auto 22rpx auto;
|
margin: 35rpx auto 22rpx auto;
|
||||||
@ -95,8 +96,8 @@ image.cont {
|
|||||||
width: 95%;
|
width: 95%;
|
||||||
line-height: 84rpx;
|
line-height: 84rpx;
|
||||||
border-radius: 50rpx;
|
border-radius: 50rpx;
|
||||||
color: #000000;
|
color: #FFFFFF;
|
||||||
background-color: #008B8B;
|
background-color: #C8C7CC;
|
||||||
}
|
}
|
||||||
.input-font {
|
.input-font {
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
@ -105,7 +106,7 @@ image.cont {
|
|||||||
margin-top: 25rpx;
|
margin-top: 25rpx;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-bottom: 1rpx solid #D3D3D3;
|
border-bottom: 1rpx solid #7FFFD4;
|
||||||
}
|
}
|
||||||
.verify-box {
|
.verify-box {
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
@ -166,7 +167,9 @@ image.cont {
|
|||||||
width: 60%;
|
width: 60%;
|
||||||
}
|
}
|
||||||
.conbox {
|
.conbox {
|
||||||
background: #FFFFFF;
|
background: -webkit-linear-gradient( #668B8B,#79CDCD, #7FFFD4);
|
||||||
|
background: linear-gradient( #668B8B,#79CDCD, #7FFFD4);
|
||||||
|
/* background: #FFFFFF; */
|
||||||
width: 750rpx;
|
width: 750rpx;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
|||||||
@ -22,7 +22,7 @@
|
|||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
var __wxConfig = {"debug":false,"appname":"民主测评","entryPagePath":"pages/login/index.html","page":{"pages/login/index.html":{"window":{"navigationStyle":"custom","usingComponents":{}}},"pages/index/index.html":{"window":{"navigationBarTitleText":"当前任务","enablePullDownRefresh":true,"pullToRefresh":{"color":"#008B8B"},"usingComponents":{"uni-list":"/components/uni-list/uni-list","uni-list-item":"/components/uni-list-item/uni-list-item","uni-load-more":"/components/uni-load-more/uni-load-more"}}},"pages/mine/index.html":{"window":{"navigationBarTitleText":"我的","usingComponents":{"uni-list":"/components/uni-list/uni-list","uni-list-item":"/components/uni-list-item/uni-list-item"}}},"pages/evaluation/index.html":{"window":{"navigationBarTitleText":"测评","usingComponents":{}}},"pages/evaluation/doEvaluation.html":{"window":{"navigationBarTitleText":"测评","usingComponents":{}}},"pages/mine/changePwdPage.html":{"window":{"navigationBarTitleText":"修改密码","usingComponents":{}}},"pages/evaluation/mineEvPage.html":{"window":{"navigationBarTitleText":"历史任务","enablePullDownRefresh":true,"pullToRefresh":{"color":"#008B8B"},"usingComponents":{"uni-list":"/components/uni-list/uni-list","uni-list-item":"/components/uni-list-item/uni-list-item","uni-load-more":"/components/uni-load-more/uni-load-more"}}},"pages/evaluation/missionDetail.html":{"window":{"navigationBarTitleText":"详情","usingComponents":{}}},"pages/mine/changeMineInfo.html":{"window":{"navigationBarTitleText":"修改个人信息","usingComponents":{}}}},"global":{"window":{"navigationBarTextStyle":"white","navigationBarTitleText":"uni-app","navigationBarBackgroundColor":"#008B8B","backgroundColor":"#008B8B"}},"tabBar":{"color":"#555555","selectedColor":"#008B8B","backgroundColor":"","borderStyle":"black","list":[{"pagePath":"pages/index/index.html","text":"当前任务","iconPath":"static/tabbar/ic_miss_no.png","selectedIconPath":"static/tabbar/ic_miss_sel.png"},{"pagePath":"pages/mine/index.html","text":"我的","iconPath":"static/tabbar/ic_mine_no.png","selectedIconPath":"static/tabbar/ic_mine_sel.png"}],"position":"bottom"},"networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000},"platform":"devtools","pages":["pages/login/index","pages/index/index","pages/mine/index","pages/evaluation/index","pages/evaluation/doEvaluation","pages/mine/changePwdPage","pages/evaluation/mineEvPage","pages/evaluation/missionDetail","pages/mine/changePwdPage","pages/mine/changeMineInfo"],"nvueCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"compilerVersion":"2.4.6","usingComponents":{}}
|
var __wxConfig = {"debug":false,"appname":"民主测评","entryPagePath":"pages/login/index.html","page":{"pages/login/index.html":{"window":{"navigationStyle":"custom","usingComponents":{}}},"pages/index/index.html":{"window":{"navigationBarTitleText":"当前任务","enablePullDownRefresh":true,"pullToRefresh":{"color":"#008B8B"},"usingComponents":{"uni-list":"/components/uni-list/uni-list","uni-list-item":"/components/uni-list-item/uni-list-item","uni-load-more":"/components/uni-load-more/uni-load-more","yomol-upgrade":"/components/yomol-upgrade/yomol-upgrade"}}},"pages/mine/index.html":{"window":{"navigationBarTitleText":"我的","usingComponents":{"uni-list":"/components/uni-list/uni-list","uni-list-item":"/components/uni-list-item/uni-list-item"}}},"pages/evaluation/index.html":{"window":{"navigationBarTitleText":"测评","usingComponents":{}}},"pages/evaluation/doEvaluation.html":{"window":{"navigationBarTitleText":"测评","usingComponents":{}}},"pages/mine/changePwdPage.html":{"window":{"navigationBarTitleText":"修改密码","usingComponents":{}}},"pages/evaluation/mineEvPage.html":{"window":{"navigationBarTitleText":"历史任务","enablePullDownRefresh":true,"pullToRefresh":{"color":"#008B8B"},"usingComponents":{"uni-list":"/components/uni-list/uni-list","uni-list-item":"/components/uni-list-item/uni-list-item","uni-load-more":"/components/uni-load-more/uni-load-more"}}},"pages/evaluation/missionDetail.html":{"window":{"navigationBarTitleText":"详情","usingComponents":{}}},"pages/mine/changeMineInfo.html":{"window":{"navigationBarTitleText":"修改个人信息","usingComponents":{}}}},"global":{"window":{"navigationBarTextStyle":"white","navigationBarTitleText":"uni-app","navigationBarBackgroundColor":"#008B8B","backgroundColor":"#008B8B"}},"tabBar":{"color":"#555555","selectedColor":"#008B8B","backgroundColor":"","borderStyle":"black","list":[{"pagePath":"pages/index/index.html","text":"当前任务","iconPath":"static/tabbar/ic_miss_no.png","selectedIconPath":"static/tabbar/ic_miss_sel.png"},{"pagePath":"pages/mine/index.html","text":"我的","iconPath":"static/tabbar/ic_mine_no.png","selectedIconPath":"static/tabbar/ic_mine_sel.png"}],"position":"bottom"},"networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000},"platform":"devtools","pages":["pages/login/index","pages/index/index","pages/mine/index","pages/evaluation/index","pages/evaluation/doEvaluation","pages/mine/changePwdPage","pages/evaluation/mineEvPage","pages/evaluation/missionDetail","pages/mine/changePwdPage","pages/mine/changeMineInfo"],"nvueCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"compilerVersion":"2.4.6","usingComponents":{}}
|
||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
var __id__ = '';
|
var __id__ = '';
|
||||||
|
|||||||
2
unpackage/dist/dev/app-plus/app-config.js
vendored
2
unpackage/dist/dev/app-plus/app-config.js
vendored
@ -1 +1 @@
|
|||||||
"use weex:vue";var __wxConfig = {"debug":false,"appname":"民主测评","entryPagePath":"pages/login/index.html","page":{"pages/login/index.html":{"window":{"navigationStyle":"custom","usingComponents":{}}},"pages/index/index.html":{"window":{"navigationBarTitleText":"当前任务","enablePullDownRefresh":true,"pullToRefresh":{"color":"#008B8B"},"usingComponents":{"uni-list":"/components/uni-list/uni-list","uni-list-item":"/components/uni-list-item/uni-list-item","uni-load-more":"/components/uni-load-more/uni-load-more"}}},"pages/mine/index.html":{"window":{"navigationBarTitleText":"我的","usingComponents":{"uni-list":"/components/uni-list/uni-list","uni-list-item":"/components/uni-list-item/uni-list-item"}}},"pages/evaluation/index.html":{"window":{"navigationBarTitleText":"测评","usingComponents":{}}},"pages/evaluation/doEvaluation.html":{"window":{"navigationBarTitleText":"测评","usingComponents":{}}},"pages/mine/changePwdPage.html":{"window":{"navigationBarTitleText":"修改密码","usingComponents":{}}},"pages/evaluation/mineEvPage.html":{"window":{"navigationBarTitleText":"历史任务","enablePullDownRefresh":true,"pullToRefresh":{"color":"#008B8B"},"usingComponents":{"uni-list":"/components/uni-list/uni-list","uni-list-item":"/components/uni-list-item/uni-list-item","uni-load-more":"/components/uni-load-more/uni-load-more"}}},"pages/evaluation/missionDetail.html":{"window":{"navigationBarTitleText":"详情","usingComponents":{}}},"pages/mine/changeMineInfo.html":{"window":{"navigationBarTitleText":"修改个人信息","usingComponents":{}}}},"global":{"window":{"navigationBarTextStyle":"white","navigationBarTitleText":"uni-app","navigationBarBackgroundColor":"#008B8B","backgroundColor":"#008B8B"}},"tabBar":{"color":"#555555","selectedColor":"#008B8B","backgroundColor":"","borderStyle":"black","list":[{"pagePath":"pages/index/index.html","text":"当前任务","iconPath":"static/tabbar/ic_miss_no.png","selectedIconPath":"static/tabbar/ic_miss_sel.png"},{"pagePath":"pages/mine/index.html","text":"我的","iconPath":"static/tabbar/ic_mine_no.png","selectedIconPath":"static/tabbar/ic_mine_sel.png"}],"position":"bottom"},"networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000},"platform":"devtools","pages":["pages/login/index","pages/index/index","pages/mine/index","pages/evaluation/index","pages/evaluation/doEvaluation","pages/mine/changePwdPage","pages/evaluation/mineEvPage","pages/evaluation/missionDetail","pages/mine/changePwdPage","pages/mine/changeMineInfo"],"nvueCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"compilerVersion":"2.4.6","usingComponents":{}};
|
"use weex:vue";var __wxConfig = {"debug":false,"appname":"民主测评","entryPagePath":"pages/login/index.html","page":{"pages/login/index.html":{"window":{"navigationStyle":"custom","usingComponents":{}}},"pages/index/index.html":{"window":{"navigationBarTitleText":"当前任务","enablePullDownRefresh":true,"pullToRefresh":{"color":"#008B8B"},"usingComponents":{"uni-list":"/components/uni-list/uni-list","uni-list-item":"/components/uni-list-item/uni-list-item","uni-load-more":"/components/uni-load-more/uni-load-more","yomol-upgrade":"/components/yomol-upgrade/yomol-upgrade"}}},"pages/mine/index.html":{"window":{"navigationBarTitleText":"我的","usingComponents":{"uni-list":"/components/uni-list/uni-list","uni-list-item":"/components/uni-list-item/uni-list-item"}}},"pages/evaluation/index.html":{"window":{"navigationBarTitleText":"测评","usingComponents":{}}},"pages/evaluation/doEvaluation.html":{"window":{"navigationBarTitleText":"测评","usingComponents":{}}},"pages/mine/changePwdPage.html":{"window":{"navigationBarTitleText":"修改密码","usingComponents":{}}},"pages/evaluation/mineEvPage.html":{"window":{"navigationBarTitleText":"历史任务","enablePullDownRefresh":true,"pullToRefresh":{"color":"#008B8B"},"usingComponents":{"uni-list":"/components/uni-list/uni-list","uni-list-item":"/components/uni-list-item/uni-list-item","uni-load-more":"/components/uni-load-more/uni-load-more"}}},"pages/evaluation/missionDetail.html":{"window":{"navigationBarTitleText":"详情","usingComponents":{}}},"pages/mine/changeMineInfo.html":{"window":{"navigationBarTitleText":"修改个人信息","usingComponents":{}}}},"global":{"window":{"navigationBarTextStyle":"white","navigationBarTitleText":"uni-app","navigationBarBackgroundColor":"#008B8B","backgroundColor":"#008B8B"}},"tabBar":{"color":"#555555","selectedColor":"#008B8B","backgroundColor":"","borderStyle":"black","list":[{"pagePath":"pages/index/index.html","text":"当前任务","iconPath":"static/tabbar/ic_miss_no.png","selectedIconPath":"static/tabbar/ic_miss_sel.png"},{"pagePath":"pages/mine/index.html","text":"我的","iconPath":"static/tabbar/ic_mine_no.png","selectedIconPath":"static/tabbar/ic_mine_sel.png"}],"position":"bottom"},"networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000},"platform":"devtools","pages":["pages/login/index","pages/index/index","pages/mine/index","pages/evaluation/index","pages/evaluation/doEvaluation","pages/mine/changePwdPage","pages/evaluation/mineEvPage","pages/evaluation/missionDetail","pages/mine/changePwdPage","pages/mine/changeMineInfo"],"nvueCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"compilerVersion":"2.4.6","usingComponents":{}};
|
||||||
780
unpackage/dist/dev/app-plus/app-service.js
vendored
780
unpackage/dist/dev/app-plus/app-service.js
vendored
File diff suppressed because one or more lines are too long
1216
unpackage/dist/dev/app-plus/app-view.js
vendored
1216
unpackage/dist/dev/app-plus/app-view.js
vendored
File diff suppressed because one or more lines are too long
2
unpackage/dist/dev/app-plus/manifest.json
vendored
2
unpackage/dist/dev/app-plus/manifest.json
vendored
@ -8,7 +8,7 @@
|
|||||||
"name": "民主测评",
|
"name": "民主测评",
|
||||||
"version": {
|
"version": {
|
||||||
"name": "1.0.0",
|
"name": "1.0.0",
|
||||||
"code": "100"
|
"code": 2
|
||||||
},
|
},
|
||||||
"description": "",
|
"description": "",
|
||||||
"launch_path": "__uniappview.html",
|
"launch_path": "__uniappview.html",
|
||||||
|
|||||||
@ -1,2 +1,2 @@
|
|||||||
setCssToHead([".",[1],"content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: url(../../static/img/background.55b53f1d.png-do-not-use-local-path-./pages/login/index.wxss\x2616\x2613); }\nwx-image.",[1],"cont { width: ",[0,750],"; min-height: 100vh; height: auto; position: relative; height: 100%; position: absolute; z-index: 0; }\n.",[1],"content .",[1],"app-title { z-index: 99; font-size: ",[0,60],"; color: #FFFFFF; border-bottom: ",[0,1]," solid #FFFFFF; }\n.",[1],"content wx-form { width: 80%; margin-top: ",[0,100],"; }\n.",[1],"content wx-form .",[1],"uni-form-item { margin-bottom: ",[0,20],"; }\n.",[1],"content wx-form .",[1],"uni-form-item .",[1],"title { font-size: ",[0,30],"; color: #FFFFFF; }\n.",[1],"content wx-form .",[1],"uni-form-item .",[1],"uni-input { border: ",[0,1]," solid #FFFFFF; background-color: #FFFFFF; height: ",[0,50],"; padding: ",[0,10],"; border-radius: ",[0,10],"; }\n.",[1],"content wx-form .",[1],"uni-form-item .",[1],"login { margin-top: ",[0,180],"; font-size: ",[0,30],"; }\n.",[1],"input-form { margin-top: ",[0,30],"; }\n.",[1],"canvas-content { margin: 0 auto; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; top: ",[0,400],"; padding: ",[0,20],"; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 80%; height: ",[0,600],"; border-radius: 2%; background-size: cover; }\n.",[1],"btn { margin: ",[0,35]," auto ",[0,22]," auto; text-align: center; height: ",[0,84],"; width: 95%; line-height: ",[0,84],"; border-radius: ",[0,50],"; color: #FFFFFF; background-color: #008B8B; }\n.",[1],"btn:active { margin: ",[0,35]," auto ",[0,22]," auto; text-align: center; height: ",[0,84],"; width: 95%; line-height: ",[0,84],"; border-radius: ",[0,50],"; color: #000000; background-color: #008B8B; }\n.",[1],"input-font { color: #FFFFFF; padding-top: ",[0,10],"; padding-bottom: ",[0,10],"; margin-top: ",[0,25],"; font-size: ",[0,30],"; width: 100%; border-bottom: ",[0,1]," solid #D3D3D3; }\n.",[1],"verify-box { margin-top: ",[0,30],"; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; border-bottom: ",[0,1]," solid #D3D3D3; }\n.",[1],"verify-btn { min-width: ",[0,100],"; text-align: center; font-size: ",[0,20],"; color: #007AFF; padding: ",[0,10],"; margin-bottom: ",[0,5],"; border: ",[0,1]," solid #007AFF; border-radius: ",[0,40],"; -webkit-align-self: flex-end; align-self: flex-end; }\n.",[1],"verify-btn:active { font-size: ",[0,20],"; min-width: ",[0,100],"; text-align: center; color: #666666; padding: ",[0,10],"; margin-bottom: ",[0,5],"; border: ",[0,1]," solid #666666; border-radius: ",[0,40],"; -webkit-align-self: flex-end; align-self: flex-end; }\n.",[1],"canvas-content .",[1],"title { color: #FFFFFF; font-size: ",[0,40],"; font-weight: bold; }\n.",[1],"canvas-content .",[1],"hint { color: #FFFFFF; font-size: ",[0,40],"; font-weight: bold; }\n.",[1],"input-verify { padding-top: ",[0,10],"; padding-bottom: ",[0,10],"; font-size: ",[0,30],"; width: 60%; }\n.",[1],"conbox { background: #FFFFFF; width: ",[0,750],"; height: 100vh; overflow-x: hidden; overflow-y: scroll; }\n.",[1],"container, wx-image.",[1],"cont { width: ",[0,750],"; min-height: 100vh; height: auto; position: relative; }\nwx-image.",[1],"cont { height: 100%; position: absolute; z-index: 0; }\n.",[1],"input-placeholder { color: #FFFFFF; font-size: ",[0,25],"; }\n",],undefined,{path:"./pages/login/index.wxss"})();
|
setCssToHead([".",[1],"content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }\nwx-image.",[1],"cont { width: ",[0,750],"; min-height: 100vh; height: auto; position: relative; height: 100%; position: absolute; z-index: 0; }\n.",[1],"content .",[1],"app-title { z-index: 99; font-size: ",[0,60],"; color: #FFFFFF; border-bottom: ",[0,1]," solid #FFFFFF; }\n.",[1],"content wx-form { width: 80%; margin-top: ",[0,100],"; }\n.",[1],"content wx-form .",[1],"uni-form-item { margin-bottom: ",[0,20],"; }\n.",[1],"content wx-form .",[1],"uni-form-item .",[1],"title { font-size: ",[0,30],"; color: #FFFFFF; }\n.",[1],"content wx-form .",[1],"uni-form-item .",[1],"uni-input { border: ",[0,1]," solid #FFFFFF; background-color: #FFFFFF; height: ",[0,50],"; padding: ",[0,10],"; border-radius: ",[0,10],"; }\n.",[1],"content wx-form .",[1],"uni-form-item .",[1],"login { margin-top: ",[0,180],"; font-size: ",[0,30],"; }\n.",[1],"input-form { margin-top: ",[0,30],"; }\n.",[1],"canvas-content { margin: 0 auto; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; top: ",[0,400],"; padding: ",[0,20],"; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 80%; height: ",[0,600],"; border-radius: 2%; background-size: cover; }\n.",[1],"btn { margin: ",[0,35]," auto ",[0,22]," auto; text-align: center; height: ",[0,84],"; width: 95%; line-height: ",[0,84],"; border-radius: ",[0,50],"; color: #FFFFFF; background-color: #7FFFD4; }\n.",[1],"btn:active { margin: ",[0,35]," auto ",[0,22]," auto; text-align: center; height: ",[0,84],"; width: 95%; line-height: ",[0,84],"; border-radius: ",[0,50],"; color: #FFFFFF; background-color: #C8C7CC; }\n.",[1],"input-font { color: #FFFFFF; padding-top: ",[0,10],"; padding-bottom: ",[0,10],"; margin-top: ",[0,25],"; font-size: ",[0,30],"; width: 100%; border-bottom: ",[0,1]," solid #7FFFD4; }\n.",[1],"verify-box { margin-top: ",[0,30],"; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; border-bottom: ",[0,1]," solid #D3D3D3; }\n.",[1],"verify-btn { min-width: ",[0,100],"; text-align: center; font-size: ",[0,20],"; color: #007AFF; padding: ",[0,10],"; margin-bottom: ",[0,5],"; border: ",[0,1]," solid #007AFF; border-radius: ",[0,40],"; -webkit-align-self: flex-end; align-self: flex-end; }\n.",[1],"verify-btn:active { font-size: ",[0,20],"; min-width: ",[0,100],"; text-align: center; color: #666666; padding: ",[0,10],"; margin-bottom: ",[0,5],"; border: ",[0,1]," solid #666666; border-radius: ",[0,40],"; -webkit-align-self: flex-end; align-self: flex-end; }\n.",[1],"canvas-content .",[1],"title { color: #FFFFFF; font-size: ",[0,40],"; font-weight: bold; }\n.",[1],"canvas-content .",[1],"hint { color: #FFFFFF; font-size: ",[0,40],"; font-weight: bold; }\n.",[1],"input-verify { padding-top: ",[0,10],"; padding-bottom: ",[0,10],"; font-size: ",[0,30],"; width: 60%; }\n.",[1],"conbox { background: -webkit-linear-gradient( #668B8B,#79CDCD, #7FFFD4); background: linear-gradient( #668B8B,#79CDCD, #7FFFD4); width: ",[0,750],"; height: 100vh; overflow-x: hidden; overflow-y: scroll; }\n.",[1],"container, wx-image.",[1],"cont { width: ",[0,750],"; min-height: 100vh; height: auto; position: relative; }\nwx-image.",[1],"cont { height: 100%; position: absolute; z-index: 0; }\n.",[1],"input-placeholder { color: #FFFFFF; font-size: ",[0,25],"; }\n",],undefined,{path:"./pages/login/index.wxss"})();
|
||||||
document.dispatchEvent(new CustomEvent("generateFuncReady", { detail: { generateFunc: $gwx('./pages/login/index.wxml') } }));
|
document.dispatchEvent(new CustomEvent("generateFuncReady", { detail: { generateFunc: $gwx('./pages/login/index.wxml') } }));
|
||||||
BIN
unpackage/dist/dev/app-plus/static/ic_download.png
vendored
Normal file
BIN
unpackage/dist/dev/app-plus/static/ic_download.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Loading…
Reference in New Issue
Block a user