1

<template>
  <div class="content">
    <div class="gaia" >
  

      <v-container>
        <v-row

          justify="space-between"
        >
    增加电影
            <v-form ref="form">

              <v-text-field
                v-model="model"
                label="电影名"
              ></v-text-field>
              <v-text-field
                v-model="model"
                label="年代"
              ></v-text-field>
              <v-text-field
                v-model="model"
                label="导演"
              ></v-text-field>
              <v-text-field
                v-model="model"
                label="主演"
              ></v-text-field>
              <v-select
              :items="items1"
              label="类型"
            ></v-select>
           <v-select
              :items="items2"
              label="地区"
            ></v-select>
             <v-text-field
                v-model="model"
                label="剧情简介"
              ></v-text-field>
               <v-text-field
                v-model="model"
                label="网络资源地址(多个用;分割)"
              ></v-text-field>
                <v-text-field
                v-model="model"
                label="在线播放地址(多个用;分割)"
              ></v-text-field>
            </v-form>
       
              <v-btn>提交</v-btn>

        </v-row>
      </v-container>




    </div>
    <aside>
      <List />
    </aside>
  </div>
</template>
<script>
  //var fs  = require('fs')
  //import fs from 'fs'
 // var fileDy="common/dytt.json";
  //let dataStr = fs.readFileSync( fileDy)
  //let dataStr='[{"id":7701,"myPic":"images/7701_d0f3777920223ac440a6845e4a93cac3.jpg","name_dist":"权力的游戏第八季","name":"　权力的游戏 第八季/冰与火之歌：权力的游戏/王座游戏","year":"　2019","country":"　美国","type":"　剧情/奇幻/冒险","doubanScore":"　9.8/10 from 193,231 users"},{"id":7702,"myPic":"images/7702_52236fa79eff24a3b7963900eec14554.jpg","name_dist":"冷血追击","name":"　冷血追击/Hard Powder/In Order of Disappearance/冰天动地(港)/冰峰追击/硬粉/穷追不舍/酷寒杀手(台)","year":"　2019","country":"　英国/挪威/加拿大/美国","type":"　剧情/动作/惊悚","doubanScore":"　6.9/10 from 1696 users"},{"id":7703,"myPic":"images/7703_5c284cbf609265c20f664183e8bd951b.jpg","name_dist":"老师·好","name":"　我们最好的时光/你是我生命中的一首歌/老师好/Song of Youth","year":"　2019","country":"　中国大陆","type":"　剧情","doubanScore":"　6.9/10 from 42790 users"},{"id":7705,"myPic":"images/7705_ad7c5422779798f6312df25d835d8139.jpg","name_dist":"流浪地球","name":"　The Wandering Earth","year":"　2019","country":"　中国大陆","type":"　科幻/灾难","doubanScore":"　8.0/10 from 1126954 users"},{"id":7706,"myPic":"images/7706_02507b9204f8257136e9900e4acf0ba7.jpg","name_dist":"忌日快乐2","name":"　Happy Death Day 2U","year":"　2019","country":"　美国","type":"　悬疑/惊悚/恐怖","doubanScore":"　6.7/10 from 25749 users"},{"id":7707,"myPic":"images/7707_65b9ed049596e4bb2a6637744d2b410e.jpg","name_dist":"乐高大电影2","name":"　乐高大电影2/LEGO英雄传2(港)/The Lego Movie 2/乐高玩电影2(台)","year":"　2019","country":"　美国/澳大利亚/挪威/丹麦","type":"　喜剧/动画/歌舞/冒险","doubanScore":"　6.8/10 from 5488 users"},{"id":7708,"myPic":"images/7708_de3396719fb74dff15a7bd0497ab8927.jpg","name_dist":"何以为家","name":"　迦百农/星仔打官司(港)/我想有个家(台)/Cafarnaúm/Capernaum/Capharnaüm","year":"　2018","country":"　黎巴嫩/法国/美国","type":"　剧情","doubanScore":"　8.8/10 from 23211 users"},{"id":7710,"myPic":"images/7710_d66fd499996e81c39dc247d9edc6d2ef.jpg","name_dist":"龙珠超：布罗利","name":"　龙珠超：布罗利/Dragon Ball Super : Borly/龙珠超剧场版：布洛尼(港)","year":"　2018","country":"　日本","type":"　动画","doubanScore":"　7.6/10 from 10718 users"},{"id":7711,"myPic":"images/7711_b4b9eb2045424110a5bbb5f588fa6de6.jpg","name_dist":"阳台上","name":"　On the Balcony","year":"　2019","country":"　中国大陆","type":"　剧情","doubanScore":"　6.1/10 from 8137 users"},{"id":7712,"myPic":"images/7712_ece1161d8a91c31b23ef7738a2274c3a.jpg","name_dist":"风中有朵雨做的云","name":"　地狱恋人/地狱情人/风雨云/Hell Lover/Cloud in the Wind/The Shadow Play","year":"　2018","country":"　中国大陆","type":"　剧情/悬疑/犯罪","doubanScore":"　7.6/10 from 129801 users"}]'

  import List from '../components/List'
  import api from  '../common/api'

  export default {
    components: {
      List
    },
  
      //myRow:dataStr
       data () {
            return {
                result:-1,
                valid:false,
                dialog: true,

                 allowSpaces: false,

                match: 'Foobar',
                max: 0,
                model: 'Foobar',
                items1: ['惊悚', '剧情', '战争', '科幻'],
                items2: ['美国', '欧洲', '华语', '日韩'],

       
            }
        },
   

  }
</script>

<style>
  .content .gaia{
    flex: 59%;
    margin-left: 50px;
    margin-right: 150px;
    /* background-color: red;*/
    padding-right: 20px;
  }
  .content{
    display: flex;
    margin: 20px auto;
    padding: 0px 76px;
  }
</style>

　　

转载于:https://www.cnblogs.com/cnchengv/p/11437904.html