Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <template>
- <div class="paginaPrincipal">
- <h3>Uber do CDI Luz do Vegetal</h3>
- <h5>Você quer carona ou tem vaga?</h5>
- <div class="container">
- <div class="row">
- <div class="col-md-offset-3 col-md-3">
- <button v-on:click="irParaQueroCarona" type="button" class="btn btn-primary">Quero Carona</button>
- </div>
- <div class=" col-md-3">
- <button v-on:click="irParaQueroCarona" type="button" class="btn btn-primary">Tenho vaga</button>
- </div>
- </div>
- </div>
- </div>
- </template>
- <script>
- // eslint-disable-next-line no-unused-vars
- import {router} from '../main.js'
- export default {
- name: 'hello',
- data () {
- return {
- msg: 'Uber do CDI'
- }
- },
- methods: {
- irParaQueroCarona () {
- this.$router.push({ path: '/queroCarona' })
- }
- }
- }
- </script>
- <!-- Add "scoped" attribute to limit CSS to this component only -->
- <style scoped>
- h3,h5 {
- font-weight: normal;
- }
- ul {
- list-style-type: none;
- padding: 0;
- }
- li {
- display: inline-block;
- margin: 0 10px;
- }
- a {
- color: #42b983;
- }
- button
- {
- margin: 7px 0 7px 0;
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement