Browse Source

three card

master
maochaoying 2 years ago
parent
commit
4308fa8953
  1. 10
      src/components/SoftHardware/LinkCard/index.vue

10
src/components/SoftHardware/LinkCard/index.vue

@ -12,7 +12,7 @@
<img class="bg_img" :src="B1" alt="" />
</div>
<div class="card mr" @click="toPage('/pc/design')">
<div class="modal">
<div class="modal blbg">
<h1 class="title">工业设计</h1>
<div class="btn">
<p class="text">立即前往</p>
@ -20,7 +20,7 @@
</div>
<p class="en">Industrial Design</p>
</div>
<img class="bg_img" :src="B4" alt="" />
<img class="bg_img" :src="B2" alt="" />
</div>
<div class="card" @click="toPage('/pc/metal')">
<div class="modal">
@ -136,6 +136,12 @@ const toPage = (path, p) => {
color: #ffffff;
}
}
.blbg {
background: #2a4ee1;
.btn {
background: #000;
}
}
&:hover {
.modal {
.btn {

Loading…
Cancel
Save