diff --git a/public/img/wh_right1.png b/public/img/wh_right1.png new file mode 100644 index 0000000..896d387 Binary files /dev/null and b/public/img/wh_right1.png differ diff --git a/public/img/wh_right2.png b/public/img/wh_right2.png new file mode 100644 index 0000000..b485e52 Binary files /dev/null and b/public/img/wh_right2.png differ diff --git a/public/img/wh_right3.png b/public/img/wh_right3.png new file mode 100644 index 0000000..5dacced Binary files /dev/null and b/public/img/wh_right3.png differ diff --git a/src/assets/ty/右2-1.png b/src/assets/ty/右2-1.png new file mode 100644 index 0000000..05274a9 Binary files /dev/null and b/src/assets/ty/右2-1.png differ diff --git a/src/views/cultrue/index.vue b/src/views/cultrue/index.vue index e56c708..6bb711e 100644 --- a/src/views/cultrue/index.vue +++ b/src/views/cultrue/index.vue @@ -457,6 +457,11 @@ export default { value: 323, }, ]; + var libraryIcons = { + 'Lend': '/img/wh_right1.png', + 'Still': '/img/wh_right2.png', + 'Accreditation': '/img/wh_right3.png' + }; var getArrByKey = (data, k) => { let key = k || "value"; let res = []; @@ -492,13 +497,79 @@ export default { top: '2%', bottom: -15, right: -48, - left: 30, + left: 40, containLabel: true }, xAxis: { show: false }, yAxis: [{ + triggerEvent: true, + show: true, + // inverse: true, + // data: getArrByKey(data, 'name'), + data: [ + 'Lend', 'Still', 'Accreditation' + // '../assets/img/wh_right1.png','../assets/img/wh_right1.png','../assets/img/wh_right1.png' + ], + axisLine: { + show: false + }, + splitLine: { + show: false + }, + axisTick: { + show: false + }, + axisLabel: { + // show: false, + // interval: 0, + // color: '#fff', + // align: 'left', + // margin: 80, + fontSize: 12, + verticalAlign: 'bottom', + // margin: [10, 0, 0, 0], + // formatter: function (value) { + // return '{title|' + value + '}' + // }, + formatter: function (value) { + //return '{' + value + '| }\n{value|' + value + '}'; + return '{' + value + '|}'; //只显示图片icon + }, + rich: { + title: { + width: 165 + }, + value: { + lineHeight: 30, + align: 'center' + }, + Lend: { + height: 40, + align: 'center', + backgroundColor: { + image: libraryIcons.Accreditation + } + }, + Still: { + height: 40, + align: 'center', + backgroundColor: { + image: libraryIcons.Still + } + }, + Accreditation: { + height: 40, + align: 'center', + backgroundColor: { + image: libraryIcons.Lend + } + } + } + }, + }, + { triggerEvent: true, show: true, // inverse: true, @@ -522,11 +593,6 @@ export default { formatter: function (value) { return '{title|' + value + '}' }, - rich: { - title: { - width: 165 - } - } }, }, { triggerEvent: true, diff --git a/src/views/index.vue b/src/views/index.vue index 6177621..ef7ac4d 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -1112,10 +1112,11 @@ export default { .centerbox .tygpic { clear: both; width: 100%; + text-align: center; } .centerbox .tygpic img { - height: 360px; + height: 4.5rem; margin: 12% auto; } diff --git a/src/views/ty/index.vue b/src/views/ty/index.vue index 8568d4b..1b375b4 100644 --- a/src/views/ty/index.vue +++ b/src/views/ty/index.vue @@ -150,7 +150,7 @@