170 lines
11 KiB
HTML
170 lines
11 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
{{template "seoCommon" .}}
|
|
<title>问题反馈 - 黄果短剧</title>
|
|
<meta
|
|
name="description"
|
|
content="向黄果短剧提交问题反馈与建议，帮助我们持续优化观影体验与产品服务 - 黄果短剧"
|
|
/>
|
|
<meta name="keywords" content="问题反馈,意见反馈,客服,黄果短剧" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="问题反馈 - 黄果短剧" />
|
|
<meta
|
|
property="og:description"
|
|
content="向黄果短剧提交问题反馈与建议，帮助我们持续优化观影体验。"
|
|
/>
|
|
<link rel="stylesheet" href="/static/css/contentPage.css?v=9" />
|
|
</head>
|
|
<body class="site-shell content-layout is-feedback-page">
|
|
{{template "header" .}}
|
|
<main class="content-page feedback-page">
|
|
<header class="feedback-nav">
|
|
<a
|
|
class="feedback-nav-back"
|
|
href="javascript:history.back()"
|
|
aria-label="返回"
|
|
>
|
|
<img src="/static/images/back.svg" alt="返回" />
|
|
</a>
|
|
<div class="feedback-nav-title">问题反馈</div>
|
|
<span class="feedback-nav-spacer" aria-hidden="true"></span>
|
|
</header>
|
|
|
|
<div class="feedback-shell">
|
|
<div class="feedback-pc">
|
|
<nav class="content-breadcrumb" aria-label="面包屑">
|
|
<a class="content-breadcrumb-link" href="/">首页</a>
|
|
<span class="content-breadcrumb-sep">/</span>
|
|
<span class="content-breadcrumb-current">意见反馈</span>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="feedback-main">
|
|
<form class="feedback-form" data-feedback-form>
|
|
<div class="feedback-form-intro">
|
|
<h1 class="feedback-form-title">意见反馈</h1>
|
|
<p class="feedback-form-desc">请详细描述您遇到的问题，我们将尽快为您解决</p>
|
|
</div>
|
|
|
|
<section class="feedback-field feedback-field--type">
|
|
<h2 class="feedback-label feedback-label--responsive-star">问题类型 <span>*</span></h2>
|
|
<input type="hidden" name="type" value="2" data-feedback-type />
|
|
<div class="feedback-panel feedback-chip-list" role="group" aria-label="问题类型">
|
|
<button class="feedback-chip is-active" type="button" data-feedback-type-option data-value="2">播放卡顿/缓冲</button>
|
|
<button class="feedback-chip" type="button" data-feedback-type-option data-value="2">无法播放</button>
|
|
<button class="feedback-chip" type="button" data-feedback-type-option data-value="2">画质模糊</button>
|
|
<button class="feedback-chip" type="button" data-feedback-type-option data-value="2">音画不同步</button>
|
|
<button class="feedback-chip" type="button" data-feedback-type-option data-value="2">加载失败</button>
|
|
<button class="feedback-chip" type="button" data-feedback-type-option data-value="4">闪退/崩溃</button>
|
|
<button class="feedback-chip" type="button" data-feedback-type-option data-value="3">登陆异常</button>
|
|
<button class="feedback-chip" type="button" data-feedback-type-option data-value="4">其他问题</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="feedback-field feedback-field--network">
|
|
<h2 class="feedback-label feedback-label--responsive-star">网络环境信息 <span>*</span></h2>
|
|
<div class="feedback-panel feedback-detail-panel">
|
|
<label class="feedback-minor-label" for="feedback-province">所在地址</label>
|
|
<div class="feedback-grid feedback-grid--address">
|
|
<select class="feedback-control feedback-select-control" id="feedback-province" name="province" aria-label="所在省份" data-feedback-province>
|
|
<option value="" selected disabled>所在省份</option>
|
|
<option>北京市</option><option>天津市</option><option>河北省</option><option>山西省</option><option>内蒙古自治区</option>
|
|
<option>辽宁省</option><option>吉林省</option><option>黑龙江省</option><option>上海市</option><option>江苏省</option>
|
|
<option>浙江省</option><option>安徽省</option><option>福建省</option><option>江西省</option><option>山东省</option>
|
|
<option>河南省</option><option>湖北省</option><option>湖南省</option><option>广东省</option><option>广西壮族自治区</option>
|
|
<option>海南省</option><option>重庆市</option><option>四川省</option><option>贵州省</option><option>云南省</option>
|
|
<option>西藏自治区</option><option>陕西省</option><option>甘肃省</option><option>青海省</option><option>宁夏回族自治区</option>
|
|
<option>新疆维吾尔自治区</option><option>香港特别行政区</option><option>澳门特别行政区</option><option>台湾省</option><option>海外</option>
|
|
</select>
|
|
<select class="feedback-control feedback-select-control" id="feedback-city" name="city" aria-label="城市（选填）" data-feedback-city disabled>
|
|
<option value="" selected>城市(选填)</option>
|
|
</select>
|
|
</div>
|
|
<label class="feedback-minor-label" for="feedback-carrier">运营商</label>
|
|
<select class="feedback-control feedback-select-control" id="feedback-carrier" name="operator" aria-label="运营商" data-feedback-operator>
|
|
<option value="" selected disabled>选择运营商</option>
|
|
<option>中国移动</option>
|
|
<option>中国联通</option>
|
|
<option>中国电信</option>
|
|
<option>中国广电</option>
|
|
<option>其他</option>
|
|
</select>
|
|
<span class="feedback-minor-label">网络类型</span>
|
|
<div class="feedback-chip-list feedback-chip-list--compact" data-feedback-choice-group>
|
|
<button class="feedback-chip" type="button">WIFI</button>
|
|
<button class="feedback-chip" type="button">5G</button>
|
|
<button class="feedback-chip" type="button">4G</button>
|
|
<button class="feedback-chip" type="button">其他</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="feedback-field feedback-field--frequency">
|
|
<h2 class="feedback-label feedback-label--responsive-star">问题发生频率 <span>*</span></h2>
|
|
<div class="feedback-panel feedback-chip-list feedback-chip-list--equal" data-feedback-choice-group data-default-first>
|
|
<button class="feedback-chip is-active" type="button">每次都会</button>
|
|
<button class="feedback-chip" type="button">经常出现</button>
|
|
<button class="feedback-chip" type="button">偶尔出现</button>
|
|
<button class="feedback-chip" type="button">仅现一次</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="feedback-field feedback-field--device">
|
|
<h2 class="feedback-label feedback-label--responsive-star">设备信息 <span>*</span></h2>
|
|
<div class="feedback-panel feedback-detail-panel">
|
|
<span class="feedback-minor-label">设备类型</span>
|
|
<div class="feedback-chip-list feedback-chip-list--compact" data-feedback-choice-group data-default-first>
|
|
<button class="feedback-chip is-active" type="button">iPhone</button>
|
|
<button class="feedback-chip" type="button">Android</button>
|
|
<button class="feedback-chip" type="button">iPad</button>
|
|
<button class="feedback-chip" type="button">其他</button>
|
|
</div>
|
|
<label class="feedback-minor-label" for="feedback-device">设备型号(选填)</label>
|
|
<input class="feedback-control" id="feedback-device" type="text" placeholder="例如: iPhone 15、小米14" />
|
|
<label class="feedback-minor-label" for="feedback-version">APP版本号(选填)</label>
|
|
<input class="feedback-control" id="feedback-version" type="text" placeholder="例如: v1.2.1" />
|
|
</div>
|
|
</section>
|
|
|
|
<section class="feedback-field" aria-label="问题描述">
|
|
<label class="feedback-label" for="feedback-desc">问题描述 <span>*</span></label>
|
|
<div class="feedback-textarea-wrap">
|
|
<textarea class="feedback-control feedback-control--textarea" id="feedback-desc" name="content" maxlength="500" placeholder="请详细说明您遇到的问题，包括： 1. 观看什么内容时出现问题 2. 具体表现是什么 3. 出现问题的大致时间" data-feedback-content></textarea>
|
|
<span class="feedback-counter" data-feedback-counter>0/500</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="feedback-field" aria-label="上传图片">
|
|
<span class="feedback-label">上传图片</span>
|
|
<div class="feedback-upload-wrap" data-feedback-upload-wrap>
|
|
<ul class="feedback-upload-list" data-feedback-preview-list hidden></ul>
|
|
<label class="feedback-upload" data-feedback-upload>
|
|
<input class="feedback-upload-input" type="file" name="screenshot" accept="image/png,image/jpeg" multiple data-feedback-file />
|
|
<img class="feedback-upload-mark" src="/static/images/figma-content/feedback-upload-icon.svg" alt="" />
|
|
<span class="feedback-upload-copy">
|
|
<strong>上传图片/视频</strong>
|
|
<span data-feedback-file-text>支持jpg/png 最多3个文件</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="feedback-field" aria-label="联系方式">
|
|
<label class="feedback-label" for="feedback-contact">联系方式 <span>*</span></label>
|
|
<input class="feedback-control" id="feedback-contact" name="contact" type="text" placeholder="请输入您的 Email/Telegram/Twitter 以获取我们的回复" data-feedback-contact />
|
|
</section>
|
|
|
|
<button class="feedback-submit" type="submit" data-feedback-submit>提交反馈</button>
|
|
<p class="feedback-note">提交后我们将在1-3个工作日内处理 感谢您的反馈!</p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
{{template "footer" .}}
|
|
<script src="/static/js/pages/feedback.js?v=6"></script>
|
|
</body>
|
|
</html>
|