windows10下，零基礎學習VUE（7）-- 小練習，使用lstm學習紅樓夢文本，搭建前端與後端進行參數交互

！！挖坑中

<template>
  <div class='index_auto'>
    <div style="text-align: center;">
      <h1>紅樓夢風格文字生成</h1>
      <p>輸入框填入文字做爲開頭，點擊生成，能夠續寫一小段片斷</p>
      <p>
        <div>創造性：越高則隨意發揮行越強，也就可能越不通順</div>
        <div>最大文字數：生成篇章的最大文字數量</div>
      </p>
    </div>

    <p><br><br></p>
    <div style="display: flex; justify-content:center;">
      <el-row :gutter="30" >
        <el-col :span="12">
          <div class="block">
            <span class="demonstration">創造性</span>
            <el-slider
              show-input
              v-model="tmperature"
              :step="10">
            </el-slider>
          </div>
        </el-col>
        <el-col :span="12"><div >
          <span class="demonstration">最大文字數</span>
          <el-slider
            :max="max_num"
            show-input
            v-model="maxlen"
            :step="50"
            show-stops>
          </el-slider>
        </div></el-col>
        <el-col :span="12"><div>
          <span class="demonstration">生成次數</span>
          <el-slider
            :max="max_count"
            show-input
            v-model="gennum"
            :step="1"
            show-stops>
          </el-slider>
        </div></el-col>
        <el-col :span="12"><div>
          <span class="demonstration">測試</span>
          <el-slider
            show-input
            v-model="test_to_reply"
            :step="1"
            show-stops>
          </el-slider>
        </div></el-col>        
      </el-row>      
    </div>



    <div style="height:400px; margin:0 auto; overflow:auto">
      <el-row :gutter="20">
        <el-col :span="10">
          <div class="grid-content">
            <el-input
              type="textarea"
              :autosize="{ minRows: 9, maxRows: 9}"
              placeholder="請輸入內容"
              v-model="textarea1">
            </el-input>             
          </div>
        </el-col>
        <el-col :span="4"><div class="grid-content" style="display: flex; justify-content:center; align-items:Center;">
          <el-button  type="success"  @click="getGentxt" round>
            Generate HLM TXT
          </el-button>
        </div></el-col>
        <el-col :span="10"><div class="grid-content">     
          <el-tabs v-model="activeName2" type="border-card" >
            <el-tab-pane v-for="(txt,index) in splittxt" :key="index" :label="int2string(index)" :name="int2string(index)"><p>{{txt}}</p></el-tab-pane>
          </el-tabs>                     
        </div></el-col>
      </el-row>      
    </div>

    <img v-if="resultUrl" :src="resultUrl" class="avatar">
    <p class="avatar">{{resultClass}}</p>
  </div>
</template>