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>