feat(daily recipe / week recipe page): [M] 使用 <router-link> 代替 <a> 减少页面跳转时间
[M] 使用 <router-link> 代替 <a> 减少页面跳转时间 Signed-off-by: Ching <loooching@gmail.com>
This commit is contained in:
Ching
parent
d564584e07
commit
1fa790a185
2
frontend/dist/index.html
vendored
2
frontend/dist/index.html
vendored
@ -1 +1 @@
|
||||
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>frontend</title><link href="/css/app.6a1f0595.css" rel="preload" as="style"><link href="/css/chunk-vendors.8823d44d.css" rel="preload" as="style"><link href="/js/app.1c393e48.js" rel="preload" as="script"><link href="/js/chunk-vendors.d85c1184.js" rel="preload" as="script"><link href="/css/chunk-vendors.8823d44d.css" rel="stylesheet"><link href="/css/app.6a1f0595.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but frontend doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.d85c1184.js"></script><script src="/js/app.1c393e48.js"></script></body></html>
|
||||
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>frontend</title><link href="/css/app.6a1f0595.css" rel="preload" as="style"><link href="/css/chunk-vendors.8823d44d.css" rel="preload" as="style"><link href="/js/app.f7e1e662.js" rel="preload" as="script"><link href="/js/chunk-vendors.bb844861.js" rel="preload" as="script"><link href="/css/chunk-vendors.8823d44d.css" rel="stylesheet"><link href="/css/app.6a1f0595.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but frontend doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.bb844861.js"></script><script src="/js/app.f7e1e662.js"></script></body></html>
|
||||
2
frontend/dist/js/app.1c393e48.js
vendored
2
frontend/dist/js/app.1c393e48.js
vendored
File diff suppressed because one or more lines are too long
1
frontend/dist/js/app.1c393e48.js.map
vendored
1
frontend/dist/js/app.1c393e48.js.map
vendored
File diff suppressed because one or more lines are too long
2
frontend/dist/js/app.f7e1e662.js
vendored
Normal file
2
frontend/dist/js/app.f7e1e662.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
frontend/dist/js/app.f7e1e662.js.map
vendored
Normal file
1
frontend/dist/js/app.f7e1e662.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
23
frontend/dist/js/chunk-vendors.bb844861.js
vendored
Normal file
23
frontend/dist/js/chunk-vendors.bb844861.js
vendored
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
23
frontend/dist/js/chunk-vendors.d85c1184.js
vendored
23
frontend/dist/js/chunk-vendors.d85c1184.js
vendored
File diff suppressed because one or more lines are too long
@ -8,8 +8,12 @@
|
||||
:key="recipe.name"
|
||||
closable
|
||||
size="small"
|
||||
><a :href="'/recipe/' + recipe.id">{{ recipe.name }}</a></el-tag
|
||||
>
|
||||
<router-link
|
||||
:to="{ name: 'RecipeDetail', params: { id: recipe.id } }"
|
||||
>{{ recipe.name }}</router-link
|
||||
>
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="vegetable" label="菜">
|
||||
@ -20,7 +24,10 @@
|
||||
:key="recipe.name"
|
||||
closable
|
||||
size="small"
|
||||
><a :href="'/recipe/' + recipe.id">{{ recipe.name }}</a></el-tag
|
||||
><router-link
|
||||
:to="{ name: 'RecipeDetail', params: { id: recipe.id } }"
|
||||
>{{ recipe.name }}</router-link
|
||||
></el-tag
|
||||
>
|
||||
</template></el-table-column
|
||||
>
|
||||
@ -32,7 +39,10 @@
|
||||
:key="recipe.name"
|
||||
closable
|
||||
size="small"
|
||||
><a :href="'/recipe/' + recipe.id">{{ recipe.name }}</a></el-tag
|
||||
><router-link
|
||||
:to="{ name: 'RecipeDetail', params: { id: recipe.id } }"
|
||||
>{{ recipe.name }}</router-link
|
||||
></el-tag
|
||||
>
|
||||
</template></el-table-column
|
||||
>
|
||||
|
||||
@ -15,8 +15,12 @@
|
||||
v-for="recipe in scope.row.meat"
|
||||
:key="recipe.name"
|
||||
size="small"
|
||||
><a :href="'/recipe/' + recipe.id">{{ recipe.name }}</a></el-tag
|
||||
>
|
||||
<router-link
|
||||
:to="{ name: 'RecipeDetail', params: { id: recipe.id } }"
|
||||
>{{ recipe.name }}</router-link
|
||||
>
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="vegetable" label="菜">
|
||||
@ -26,8 +30,12 @@
|
||||
v-for="recipe in scope.row.vegetable"
|
||||
:key="recipe.name"
|
||||
size="small"
|
||||
><a :href="'/recipe/' + recipe.id">{{ recipe.name }}</a></el-tag
|
||||
>
|
||||
<router-link
|
||||
:to="{ name: 'RecipeDetail', params: { id: recipe.id } }"
|
||||
>{{ recipe.name }}</router-link
|
||||
>
|
||||
</el-tag>
|
||||
</template></el-table-column
|
||||
>
|
||||
<el-table-column prop="soup" label="汤">
|
||||
@ -37,8 +45,12 @@
|
||||
v-for="recipe in scope.row.soup"
|
||||
:key="recipe.name"
|
||||
size="small"
|
||||
><a :href="'/recipe/' + recipe.id">{{ recipe.name }}</a></el-tag
|
||||
>
|
||||
<router-link
|
||||
:to="{ name: 'RecipeDetail', params: { id: recipe.id } }"
|
||||
>{{ recipe.name }}</router-link
|
||||
>
|
||||
</el-tag>
|
||||
</template></el-table-column
|
||||
>
|
||||
<el-table-column label="操作" width="80px">
|
||||
|
||||
@ -1,34 +1,31 @@
|
||||
<template>
|
||||
<el-page-header
|
||||
icon="el-icon-arrow-left"
|
||||
@back="goHome"
|
||||
title="首页"
|
||||
v-bind:content="recipe.name"
|
||||
></el-page-header>
|
||||
|
||||
<div v-if="recipe != null" class="content">
|
||||
<el-container>
|
||||
<el-header>
|
||||
<el-menu mode="horizontal" default-active="#" router>
|
||||
<el-menu-item index="/">
|
||||
首页
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/week-recipe/">
|
||||
每周菜谱
|
||||
</el-menu-item>
|
||||
<el-menu-item index="#">
|
||||
{{ recipe.name }}
|
||||
</el-menu-item>
|
||||
</el-menu>
|
||||
</el-header>
|
||||
<el-main>
|
||||
<el-row justify="center">
|
||||
<el-col :span="18">
|
||||
<el-row justify="center">
|
||||
<el-col :span="8">
|
||||
类型：{{ constants.formatRecipeType(recipe.recipe_type) }}
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
难度：{{ constants.formatDifficulty(recipe.difficulty) }}
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
评分：{{ constants.formatRate(recipe.rate) }}
|
||||
<el-col>
|
||||
<recipe_list></recipe_list>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row> 备注：{{ recipe.note }} </el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-row justify="center">
|
||||
<el-col :span="18">
|
||||
<el-col>
|
||||
<input_recipe :recipe-id="recipe.id" :recipe_="recipe"></input_recipe>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
<script>
|
||||
import axios from 'axios';
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user