|
@@ -6,7 +6,10 @@
|
|
<span>建议使用以下浏览器</span>
|
|
<span>建议使用以下浏览器</span>
|
|
<div class="list">
|
|
<div class="list">
|
|
<div v-for="item in items">
|
|
<div v-for="item in items">
|
|
- <a :href="item.link"><img :src="item.icon" /></a>
|
|
|
|
|
|
+ <img :src="item.icon" />
|
|
|
|
+ <p>
|
|
|
|
+ <a :href="item.link"><ui-icon type="close" /> {{ item.name }}</a>
|
|
|
|
+ </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -16,18 +19,21 @@
|
|
<script lang="ts" setup>
|
|
<script lang="ts" setup>
|
|
const items = [
|
|
const items = [
|
|
{
|
|
{
|
|
|
|
+ name: "Firefox",
|
|
icon: "images/ff.png",
|
|
icon: "images/ff.png",
|
|
link: "http://www.firefox.com.cn/",
|
|
link: "http://www.firefox.com.cn/",
|
|
},
|
|
},
|
|
{
|
|
{
|
|
|
|
+ name: "Microsoft Edge",
|
|
icon: "images/eg.png",
|
|
icon: "images/eg.png",
|
|
link: "https://www.microsoft.com/en-us/edge",
|
|
link: "https://www.microsoft.com/en-us/edge",
|
|
},
|
|
},
|
|
|
|
+ // {
|
|
|
|
+ // icon: "images/safar.png",
|
|
|
|
+ // link: "https://www.apple.com/safari/",
|
|
|
|
+ // },
|
|
{
|
|
{
|
|
- icon: "images/safar.png",
|
|
|
|
- link: "https://www.apple.com/safari/",
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
|
|
+ name: "Chrome",
|
|
icon: "images/chrome.png",
|
|
icon: "images/chrome.png",
|
|
link: "https://www.google.com/chrome/",
|
|
link: "https://www.google.com/chrome/",
|
|
},
|
|
},
|
|
@@ -67,8 +73,12 @@ const items = [
|
|
justify-content: center;
|
|
justify-content: center;
|
|
margin-top: 20px;
|
|
margin-top: 20px;
|
|
|
|
|
|
|
|
+ a {
|
|
|
|
+ color: #999;
|
|
|
|
+ text-decoration: none;
|
|
|
|
+ }
|
|
> div {
|
|
> div {
|
|
- margin: 0 10px;
|
|
|
|
|
|
+ margin: 0 20px;
|
|
img {
|
|
img {
|
|
width: 70px !important;
|
|
width: 70px !important;
|
|
}
|
|
}
|