使用Materialize CSS框架给下面代码添加样式需要人性化竖版样式!doctype htmlhtml class= head head body header id=sticky-header div class= h4 a href=indexhtmlGPT SVIPah4
<p><!doctype html></p>
<html class="">
<head>
<!--Import materialize.css-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<pre><code><!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</code></pre>
</head>
<body>
<header id="sticky-header" class="grey darken-3 white-text">
<div class="container">
<h4>
<a href="index.html">GPT SVIP</a>
</h4>
</div>
</header>
<div class="container">
<div class="row">
<div class="col s12 m8">
<div id="edit_grents"></div>
<span class="grey-text text-darken-2">SVIP用户免广告且每天可用300次问答</span>
<div class="row">
<div class="input-field col s12 m8">
<input id="edit_openaikey" type="text" class="validate">
<label for="edit_openaikey">请输入Key</label>
</div>
<div class="col s12 m4">
<button id="btn_buykey" onclick="buykey()" class="btn waves-effect waves-light" type="submit" name="action">购买Key</button>
<button id="btn_grants" onclick="viewGrants()" class="btn waves-effect waves-light" type="submit" name="action">查看费用</button>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<textarea id="chat-gpt-input" class="materialize-textarea" placeholder="输入描述，提示：如需要连续同一个话题，请不要删除提问的问题" rows="3"></textarea>
</div>
</div>
<div class="row">
<div class="col s12">
<button id="answer" onclick="callCHATGPT()" class="btn waves-effect waves-light" type="submit" name="action">回答</button>
<button onclick="save()" class="btn waves-effect waves-light" type="submit" name="action">保存</button>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<div class="card-content">
<span class="card-title">提示</span>
<p>长途访问，请耐心等待回答 Ai生成它很快，但是由于网络问题我们需要等待，通常内容越长等待越久 如果长时间没反应请刷新页面重试</p>
</div>
<div class="card-action">
<label></label>
<textarea class="materialize-textarea" id="chatgpt-response" rows="26" placeholder="请等待回答"></textarea>
</div>
</div>
</div>
</div>
</div>
<pre><code><!--JavaScript at end of body for optimized loading-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</code></pre>
</body>
</html
原文地址: https://www.cveoy.top/t/topic/c47T 著作权归作者所有。请勿转载和采集!