ZorgCC/psina-avatar-frontend
2
0
Fork 0
mirror of https://github.com/ZorgCC/psina-avatar-frontend.git synced 2025-06-06 02:22:03 +03:00
Code Issues Projects Releases Wiki Activity

feature: test transfer

Browse Source
This commit is contained in:
Aleksei Tsybin 2022-02-22 20:46:12 +03:00
parent 87301667a2
commit 01b4017f9a
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@ -1 +1 @@
<template> <div id="app"> <div class="container"> <b-navbar> <template #start> <b-navbar-item href="#"> Home </b-navbar-item> <b-navbar-dropdown label="Info"> <b-navbar-item href="#"> About </b-navbar-item> <b-navbar-item href="#"> Contact </b-navbar-item> </b-navbar-dropdown> </template> <template #end> <b-navbar-item tag="div"> <div class="buttons"> <a class="button is-light"> <strong>Sign up</strong> </a> <a class="button is-light"> Log in </a> </div> </b-navbar-item> </template> </b-navbar> <div class="notification is-primary"> This container is <strong>centered</strong> on desktop and larger viewports. </div> <div class="card"> <div class="card-content"> <div class="content"> Lorem ipsum leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. </div> <footer class="card-footer"> <a href="#" class="card-footer-item">Save</a> <a href="#" class="card-footer-item">Edit</a> <a href="#" class="card-footer-item">Delete</a> </footer> </div> </div> <b-table :data="data" :columns="columns"></b-table> </div> </div> </template> <script> export default { data() { return { data: [ { id: 1, first_name: 'Jesse', last_name: 'Simmons', date: '2016-10-15 13:43:27', gender: 'Male', }, { id: 2, first_name: 'John', last_name: 'Jacobs', date: '2016-12-15 06:00:53', gender: 'Male', }, { id: 3, first_name: 'Tina', last_name: 'Gilbert', date: '2016-04-26 06:26:28', gender: 'Female', }, { id: 4, first_name: 'Clarence', last_name: 'Flores', date: '2016-04-10 10:28:46', gender: 'Male', }, { id: 5, first_name: 'Anne', last_name: 'Lee', date: '2016-12-06 14:38:38', gender: 'Female', }, ], columns: [ { field: 'id', label: 'ID', width: '40', numeric: true, }, { field: 'first_name', label: 'First Name', }, { field: 'last_name', label: 'Last Name', }, { field: 'date', label: 'Date', centered: true, }, { field: 'gender', label: 'Gender', }, ], } }, } </script> <style> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; } nav { padding: 30px; } nav a { font-weight: bold; color: #2c3e50; } nav a.router-link-exact-active { color: #42b983; } </style>
<template> <div id="app"> <div class="container"> <b-navbar> <template #start> <b-navbar-item href="#"> Home </b-navbar-item> <b-navbar-dropdown label="Info"> <b-navbar-item href="#"> About </b-navbar-item> <b-navbar-item href="#"> Contact </b-navbar-item> </b-navbar-dropdown> </template> <template #end> <b-navbar-item tag="div"> <div class="buttons"> <a class="button is-light"> <strong>Sign up</strong> </a> <a class="button is-light"> Log in </a> </div> </b-navbar-item> </template> </b-navbar> <div class="notification is-primary"> This container is <strong>centered</strong> on desktop and larger viewports. </div> <div class="card"> <div class="card-content"> <div class="content"> Lorem ipsum leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Cum sociis natoquаe penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, sequi. </div> <footer class="card-footer"> <a href="#" class="card-footer-item">Save</a> <a href="#" class="card-footer-item">Edit</a> <a href="#" class="card-footer-item">Delete</a> </footer> </div> </div> <b-table :data="data" :columns="columns"></b-table> </div> </div> </template> <script> export default { data() { return { data: [ { id: 1, first_name: 'Jesse', last_name: 'Simmons', date: '2016-10-15 13:43:27', gender: 'Male', }, { id: 2, first_name: 'John', last_name: 'Jacobs', date: '2016-12-15 06:00:53', gender: 'Male', }, { id: 3, first_name: 'Tina', last_name: 'Gilbert', date: '2016-04-26 06:26:28', gender: 'Female', }, { id: 4, first_name: 'Clarence', last_name: 'Flores', date: '2016-04-10 10:28:46', gender: 'Male', }, { id: 5, first_name: 'Anne', last_name: 'Lee', date: '2016-12-06 14:38:38', gender: 'Female', }, ], columns: [ { field: 'id', label: 'ID', width: '40', numeric: true, }, { field: 'first_name', label: 'First Name', }, { field: 'last_name', label: 'Last Name', }, { field: 'date', label: 'Date', centered: true, }, { field: 'gender', label: 'Gender', }, ], } }, } </script> <style> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; } nav { padding: 30px; } nav a { font-weight: bold; color: #2c3e50; } nav a.router-link-exact-active { color: #42b983; } </style>