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

Loading…
Cancel
Save