From bbc45d35dbf86e375fa8d09879f887673ec0fe19 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期五, 02 十二月 2022 01:58:41 +0800
Subject: [PATCH] 完成断流监控前端显示
---
src/views/trialCenter/components/SdkItem.vue | 18 +++++++++++-------
1 files changed, 11 insertions(+), 7 deletions(-)
diff --git a/src/views/trialCenter/components/SdkItem.vue b/src/views/trialCenter/components/SdkItem.vue
index adf0be5..4e842d6 100644
--- a/src/views/trialCenter/components/SdkItem.vue
+++ b/src/views/trialCenter/components/SdkItem.vue
@@ -1,13 +1,13 @@
<template>
<div class="SdkItem">
- <div class="icon">
- <img :src="'/httpImage/' + sdk.logoUrl" alt="" />
+ <div class="imgBox">
+ <ImageShow :src="sdk.logoUrl" alt="" />
</div>
<div class="title">{{ sdk.productName }}</div>
- <div class="des limitoRow2">
+ <div class="des limitRow2">
{{ sdk.description }}
</div>
- <div class="button" @click="buyProduct(sdk.productName)">绔嬪嵆璇曠敤</div>
+ <div class="button" @click="buyProduct(sdk.id)">绔嬪嵆璇曠敤</div>
</div>
</template>
@@ -17,11 +17,11 @@
sdk: {},
},
methods: {
- buyProduct(productName) {
+ buyProduct(id) {
this.$router.push({
path: "/productDetail",
query: {
- name: productName,
+ id: id,
},
});
},
@@ -35,7 +35,8 @@
height: 280px;
background-color: #fff;
text-align: center;
- .icon img {
+ position: relative;
+ .imgBox img {
margin-top: 20px;
width: 96px;
}
@@ -55,6 +56,9 @@
}
.button {
+ position: absolute;
+ left: 0;
+ bottom: 10px;
width: 100%;
height: 40px;
box-shadow: 0px 2px 8px rgba(0, 43, 106, 0.12);
--
Gitblit v1.8.0