首页 > 其他分享 >家庭记账本9

家庭记账本9

时间:2024-02-27 12:11:35浏览次数:29  
标签:Vue color App 家庭 记账 router import font

App.vue和main.js

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style lang="less">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align : left;
  color: #2c3e50;
}

nav {
  padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}
</style>
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import * as echarts from 'echarts';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.config.productionTip = false
Vue.use(ElementUI)
Vue.use(echarts)
new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

 

标签:Vue,color,App,家庭,记账,router,import,font
From: https://www.cnblogs.com/daniel350-wang/p/18036623

相关文章

  • 家庭记账本4
    完成User后端增删改查的操作实体类@Data@AllArgsConstructor@NoArgsConstructorpublicclassUserextendsModel<User>{@TableId(type=IdType.AUTO)privateIntegerusername;privateStringpassword;privateStringrole;}像前端传递消息的实体类@NoArgs......
  • 家庭记账本5
    完成登录页面 <template><div><divclass="login-container"><divstyle="width:350px"class="login-box"><divstyle="font-weight:bold;font-size:24px;text-align:center;ma......
  • 家庭记账本6
    完成主页 <template><divclass="home"><el-buttontype="primary"@click="$router.push('/noteAdd')">新增信息</el-button><el-table:data="items"style="widt......
  • 家庭记账本3
    完成Note类后端的增删改查的操作NoteController.java/***(Note)表控制ceng*/@RestController@RequestMapping("/note")publicclassNoteController{@AutowiredNoteServiceservice;@GetMappingpublicResultlist(){returnResult.succ......
  • 家庭记账本开发1
    把学到的vue2知识用来实战一下先确定路由导航和目录结构目录结构 导航路由index.jsimportVuefrom'vue'importVueRouterfrom'vue-router'importHomeViewfrom'../views/HomeView.vue'importAboutViewfrom'@/views/AboutView'importNoteUpdatefr......
  • 家庭记账本2
    后端使用springboot+mybatisPlus+mysql建立数据库并建表 确定项目结构 解决跨域访问问题CorsConfig.java@ConfigurationpublicclassCorsConfig{//当前跨域请求最大有效时长。这里默认1天privatestaticfinallongMAX_AGE=24*60*60;@Bean......
  • 家庭小账本开发(7)登录校验功能
    在登陆时,前端与后端的交互过程如下①前端vue中将输入框中的username和password传给后端springboot②后端对传过来的(username和password)与后端数据库内容进行对比,如果用户存在--------利用jwt令牌生成token传给前端③vue前端将后端传过来的token值储存起来(一般储存到localStorag......
  • 家庭记账本开发(4)
    接昨天的已经完成后端数据表的增删改查,并且接口已经测试完成,无误。今天开始前端先分析前端需要的界面:①登录界面②管理员界面③用户界面同时管理员界面和用户界面中又包含多个界面:收入具体界面和支出具体界面和首页显示总账等信息  今天先将前端界面配置好,创建vue项目......
  • 家庭记账本开发(3)
    接着昨天的在idea中按照controller--service--mapper的顺序进行数据库表的增删改查,对每个表都进行一次   完成对应的接口后,在ApiPost7中进行后端接口的测试,对增删改查的每一项逐个进行测试 部分结果展示:      ......
  • 家庭记账本开发(2)
    接着昨天的计划,采用springboot和vue开发采用前后端分离的模式,先从后端开始:①创建springboot项目,并导入相关依赖,配置相关设置包括mybatis驱动,Lombok驱动(实现bean类的快速生成),sql数据库驱动springweb驱动 ②配置相关数据库的信息,如下 ③使用codeGenerator工具快速生成......