| | |
| | | <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 limitRow2"> |
| | | {{ sdk.description }} |
| | | </div> |
| | | <div class="button" @click="buyProduct(sdk.productName)">立即试用</div> |
| | | <div class="button" @click="buyProduct(sdk.id)">立即试用</div> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | sdk: {}, |
| | | }, |
| | | methods: { |
| | | buyProduct(productName) { |
| | | buyProduct(id) { |
| | | this.$router.push({ |
| | | path: "/productDetail", |
| | | query: { |
| | | name: productName, |
| | | id: id, |
| | | }, |
| | | }); |
| | | }, |
| | |
| | | background-color: #fff; |
| | | text-align: center; |
| | | position: relative; |
| | | .icon img { |
| | | .imgBox img { |
| | | margin-top: 20px; |
| | | width: 96px; |
| | | } |