1. 所有css转less（但尚未完成全部重写工作）2. 包管理器改为yarn
This commit is contained in:
Searchstars
@@ -16,9 +16,17 @@
|
||||
|
||||
克隆此仓库，然后在`Aiot IDE`中打开它
|
||||
|
||||
随后执行以下命令，安装typescript支持：
|
||||
本项目不使用npm，而是使用yarn作为包管理器，因此你**不应该**按照IDE的引导去执行`npm i`，而是应该使用以下指令来安装项目依赖：
|
||||
|
||||
`npm i -D typescript ts-loader`
|
||||
```bash
|
||||
#安装yarn，对于debian系linux来说
|
||||
sudo apt install yarn
|
||||
#安装yarn，对于windows
|
||||
winget install Yarn.Yarn
|
||||
|
||||
#在项目目录下执行以安装项目依赖
|
||||
yarn
|
||||
```
|
||||
|
||||
然后像普通快应用一样进行开发即可
|
||||
|
||||
|
||||
Generated
-16893
File diff suppressed because it is too large
Load Diff
+8
-7
@@ -3,14 +3,16 @@
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"engines": {
|
||||
"node": ">=8.10"
|
||||
"yarn": ">=1.22.0"
|
||||
},
|
||||
"license": "GPL-3.0-only",
|
||||
"scripts": {
|
||||
"start": "aiot server --watch --open-nuttx --enable-custom-component true --enable-protobuf true",
|
||||
"build": "aiot build --enable-custom-component --enable-jsc --enable-protobuf --enable-image-png8",
|
||||
"build": "aiot build --enable-custom-component --enable-jsc --enable-protobuf",
|
||||
"release": "aiot release --enable-custom-component --enable-jsc --enable-protobuf --enable-image-png8",
|
||||
"watch": "aiot watch --open-nuttx",
|
||||
"lint": "eslint --format codeframe --fix --ext .ux,.js src/"
|
||||
"lint": "eslint --format codeframe --fix --ext .ux,.js src/",
|
||||
"postinstall": "node -e \"if (process.env.npm_execpath && !process.env.npm_execpath.includes('yarn')) { console.error('Please use Yarn to install dependencies!'); process.exit(1); }\""
|
||||
},
|
||||
"lint-staged": {
|
||||
"*.{ux,js}": [
|
||||
@@ -26,10 +28,9 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@aiot-toolkit/jsc": "^1.0.7",
|
||||
"@aiot-toolkit/velasim": "^0.1.26-beta.3",
|
||||
"@commitlint/cli": "^17.3.0",
|
||||
"@commitlint/config-conventional": "^17.3.0",
|
||||
"aiot-toolkit": "1.1.4",
|
||||
"aiot-toolkit": "1.1.5-beta.1",
|
||||
"babel-eslint": "^10.0.1",
|
||||
"eslint": "^6.0.0",
|
||||
"eslint-config-prettier": "^6.0.0",
|
||||
@@ -48,8 +49,8 @@
|
||||
"stylelint-config-recess-order": "^3.0.0",
|
||||
"stylelint-config-standard": "^25.0.0",
|
||||
"stylelint-order": "^5.0.0",
|
||||
"ux-types": "^0.1.1",
|
||||
"ts-loader": "^9.5.1",
|
||||
"typescript": "^5.5.3",
|
||||
"ux-types": "^0.1.1"
|
||||
"typescript": "^5.6.3"
|
||||
}
|
||||
}
|
||||
|
||||
+1
-1
@@ -1,5 +1,5 @@
|
||||
<script>
|
||||
import * as animengine from "./animengine"
|
||||
import * as animengine from "./animation/engine"
|
||||
import { BilibiliClient } from "./bilibiliclient/client"
|
||||
import * as tools from "./tools"
|
||||
import * as articletools from "./articletools"
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
@@ -30,7 +30,9 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.articlebg {
|
||||
width: 72%;
|
||||
min-height: 120px;
|
||||
|
||||
@@ -98,4 +98,6 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
</style>
|
||||
@@ -42,7 +42,9 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.featurebtn {
|
||||
width: 322px;
|
||||
height: 80px;
|
||||
|
||||
@@ -32,7 +32,9 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.pagechanger-container {
|
||||
bottom: 22px;
|
||||
position: absolute;
|
||||
|
||||
@@ -19,7 +19,9 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.sendbox {
|
||||
width: 284px;
|
||||
height: 73px;
|
||||
|
||||
@@ -53,11 +53,13 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.inputpanel {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width: @screenWidth;
|
||||
height: @screenHeight;
|
||||
background-color: black;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@@ -94,7 +94,9 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.compbase {
|
||||
flex-direction: column;
|
||||
}
|
||||
@@ -134,7 +136,7 @@ export default {
|
||||
}
|
||||
|
||||
.img {
|
||||
width: 100%;
|
||||
width: @screenWidth;
|
||||
height: 250px;
|
||||
object-fit: contain;
|
||||
border-radius: 10px;
|
||||
|
||||
@@ -562,7 +562,7 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
.page {
|
||||
width:100%;
|
||||
position:absolute;
|
||||
|
||||
@@ -49,7 +49,9 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.reply {
|
||||
width: 319px;
|
||||
height: 200px;
|
||||
|
||||
@@ -19,7 +19,9 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.bar {
|
||||
flex-direction: row;
|
||||
margin-top: 30px;
|
||||
|
||||
@@ -15,7 +15,9 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.titlebar {
|
||||
margin-top: 45px;
|
||||
align-items: center;
|
||||
|
||||
@@ -44,7 +44,9 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.user {
|
||||
background-color: #262626af;
|
||||
width: 337px;
|
||||
|
||||
@@ -68,7 +68,9 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.vid {
|
||||
margin-top: 10px;
|
||||
padding: 15px 15px;
|
||||
|
||||
+3
-3
@@ -1,5 +1,5 @@
|
||||
export const eula = ` <h1>澎湃哔哩（Hyperbip）用户协议</h1>
|
||||
<p>感谢您选择使用由AstralSight Studios开发的澎湃哔哩（Hyperbip）（以下简称“本客户端”）。在使用本客户端之前，请仔细阅读并理解以下用户协议（以下简称“本协议”）。使用本客户端即表示您已阅读、理解并同意接受本协议的所有条款。</p>
|
||||
export const eula = ` <h1>澎湃哔哩（Hyperbili）用户协议</h1>
|
||||
<p>感谢您选择使用由AstralSight Studios开发的澎湃哔哩（Hyperbili）（以下简称“本客户端”）。在使用本客户端之前，请仔细阅读并理解以下用户协议（以下简称“本协议”）。使用本客户端即表示您已阅读、理解并同意接受本协议的所有条款。</p>
|
||||
|
||||
<h2>1. 服务说明</h2>
|
||||
<p>本客户端是基于哔哩哔哩网页端API开发的第三方工具，旨在为用户提供在部分搭载Xiaomi Vela OS的设备上浏览哔哩哔哩提供的内容的能力。本客户端不具备独立的账号系统，用户需通过哔哩哔哩官方App进行扫码登录。所有的服务和内容均来自哔哩哔哩平台，我们不对其内容的准确性、合法性或其他方面负责。</p>
|
||||
@@ -34,7 +34,7 @@ export const eula = ` <h1>澎湃哔哩（Hyperbip）用户协议</h1>
|
||||
<h2>7. 解释权</h2>
|
||||
<p>本协议的最终解释权归AstralSight Studios所有。</p>
|
||||
|
||||
<h1>澎湃哔哩（Hyperbip）隐私政策</h1>
|
||||
<h1>澎湃哔哩（Hyperbili）隐私政策</h1>
|
||||
<p>AstralSight Studios高度重视用户隐私及数据安全。在您使用本客户端时，我们会根据以下隐私政策收集和处理您的信息。</p>
|
||||
|
||||
<h2>1. 信息的收集</h2>
|
||||
|
||||
+1
-1
@@ -16,7 +16,7 @@
|
||||
"dmlist": {
|
||||
"title": "Messages",
|
||||
"currentNoMessage": "No messages currently",
|
||||
"userCountLimit": "Currently only supports displaying up to 20 users~"
|
||||
"userCountLimit": "Currently only supports displaying up to 10 users~"
|
||||
},
|
||||
"dmpage": {
|
||||
"withdrawn": "[Withdrawn]",
|
||||
|
||||
+1
-1
@@ -16,7 +16,7 @@
|
||||
"dmlist": {
|
||||
"title": "私信",
|
||||
"currentNoMessage": "暂无消息",
|
||||
"userCountLimit": "暂时最多只支持显示20个用户哦~"
|
||||
"userCountLimit": "暂时最多只支持显示10个用户哦~"
|
||||
},
|
||||
"dmpage": {
|
||||
"withdrawn": "[已撤回]",
|
||||
|
||||
@@ -0,0 +1,4 @@
|
||||
@primaryColor: #FF7DA8;
|
||||
@subPrimaryColor: #0D7AFF;
|
||||
@baseColor: #262626;
|
||||
@baseColorA: #262626af;
|
||||
@@ -0,0 +1,4 @@
|
||||
@import './defs/common.less';
|
||||
@import './defs/flex.less';
|
||||
@import './defs/font.less';
|
||||
@import './defs/pos.less';
|
||||
@@ -0,0 +1,3 @@
|
||||
.radius(@radius) {
|
||||
border-radius: @radius;
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
.center(@x: center, @y: center) {
|
||||
justify-content: @x;
|
||||
align-items: @y;
|
||||
}
|
||||
|
||||
.flex-row(@padding: 0px, @bgColor: @baseColor) {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: @padding;
|
||||
background-color: @bgColor;
|
||||
}
|
||||
|
||||
.flex-column(@padding: 0px, @bgColor: @baseColor) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: @padding;
|
||||
background-color: @bgColor;
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
.font-size(@size: 25px) {
|
||||
font-size: @size;
|
||||
}
|
||||
|
||||
.font-semibold() {
|
||||
font-weight: 600;
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
.w(@w: 0px) {
|
||||
width: @w;
|
||||
}
|
||||
|
||||
.h(@h: 0px) {
|
||||
height: @h;
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
@screenWidth: 100%;
|
||||
@screenHeight: 100%;
|
||||
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: @screenWidth;
|
||||
height: @screenHeight;
|
||||
}
|
||||
|
||||
.scroll {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: @screenWidth;
|
||||
height: @screenHeight;
|
||||
}
|
||||
|
||||
text {
|
||||
color: white;
|
||||
}
|
||||
+1
-1
@@ -4,7 +4,7 @@
|
||||
"versionName": "2.4.0",
|
||||
"versionCode": 2,
|
||||
"minPlatformVersion": 1000,
|
||||
"icon": "/common/logo.png",
|
||||
"icon": "/common/logoDEV.png",
|
||||
"deviceTypeList": [
|
||||
"watch"
|
||||
],
|
||||
|
||||
@@ -0,0 +1,51 @@
|
||||
@import '../../less/defs.less';
|
||||
@import '../../less/color.less';
|
||||
|
||||
.text {
|
||||
.font-size(35px);
|
||||
.font-semibold();
|
||||
}
|
||||
|
||||
.appbar {
|
||||
.flex-row(15px 20px);
|
||||
.radius(60px);
|
||||
.center(flex-start, center);
|
||||
}
|
||||
|
||||
.logo {
|
||||
.radius(50%);
|
||||
.w(60px);
|
||||
.h(60px);
|
||||
}
|
||||
|
||||
.ver {
|
||||
color: #9e9e9e;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.developers {
|
||||
.flex-column(15px 10px);
|
||||
.radius(50px);
|
||||
}
|
||||
|
||||
.developer {
|
||||
.flex-row(8px, #00000000);
|
||||
}
|
||||
|
||||
.img {
|
||||
.w(52px);
|
||||
.h(53px);
|
||||
object-fit: none;
|
||||
}
|
||||
|
||||
.devname {
|
||||
padding-left: 22px;
|
||||
}
|
||||
|
||||
.disclaimer-btn {
|
||||
.flex-column(15px 40px);
|
||||
.radius(90px);
|
||||
background-color: #262626;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
+29
-54
@@ -3,34 +3,42 @@
|
||||
<image src="/common/settings_about.png" style="margin-top: 22px"></image>
|
||||
<text class="text" style="margin-top: 5px">{{ $t("about.title") }}</text>
|
||||
<div class="appbar" style="margin-top: 22px">
|
||||
<image src="/common/logo.png" style="border-radius: 50%; margin-left: 15px; width: 60px; height: 60px"></image>
|
||||
<image class="logo" src="/common/logo.png"></image>
|
||||
<text class="text" style="margin-left: 20px">HyperBili</text>
|
||||
<text class="text" style="color: #9e9e9e; margin-left: 15px">{{ version }}</text>
|
||||
<text class="text ver">{{ version }}</text>
|
||||
</div>
|
||||
<text class="text" style="margin-top: 30px">{{ $t("about.developers") }}</text>
|
||||
<div class="developersbar" style="margin-top: 15px">
|
||||
<div class="developer" style="margin-top: 20px; margin-left: 24px">
|
||||
<image src="/common/aboutpage_code.png" style="width: 52px; height: 53px; object-fit: none"></image>
|
||||
<text class="text" style="margin-left: 22px">@Searchstars</text>
|
||||
<div class="developers" style="margin-top: 15px">
|
||||
<div class="developer">
|
||||
<image src="/common/aboutpage_code.png" class="img"></image>
|
||||
<text class="text devname">@Searchstars</text>
|
||||
</div>
|
||||
<div class="developer" style="margin-top: 15px; margin-left: 24px">
|
||||
<image src="/common/aboutpage_brush.png" style="width: 52px; height: 53px; object-fit: none"></image>
|
||||
<text class="text" style="margin-left: 22px">@RX79XT</text>
|
||||
<div class="developer">
|
||||
<image src="/common/aboutpage_code.png" class="img"></image>
|
||||
<text class="text devname">@xinghengCN</text>
|
||||
</div>
|
||||
<div class="developer">
|
||||
<image src="/common/aboutpage_brush.png" class="img"></image>
|
||||
<text class="text devname">@RX79XT</text>
|
||||
</div>
|
||||
<div class="developer">
|
||||
<image src="/common/aboutpage_brush.png" class="img"></image>
|
||||
<text class="text devname">@wuhaiqi</text>
|
||||
</div>
|
||||
<div class="developer">
|
||||
<image src="/common/aboutpage_brush.png" class="img"></image>
|
||||
<text class="text devname">@一個小果冻</text>
|
||||
</div>
|
||||
<div class="developer">
|
||||
<image src="/common/aboutpage_brush.png" class="img"></image>
|
||||
<text class="text devname">@无源流沙</text>
|
||||
</div>
|
||||
</div>
|
||||
<text class="text" style="color: #9e9e9e; margin-top: 12px">
|
||||
{{ $t("about.moreResources") }}
|
||||
</text>
|
||||
<text class="text" style="margin-top: 5px">bandbbs.cn</text>
|
||||
<div @click="OpenDisclaimer" style="
|
||||
margin-top: 20px;
|
||||
background-color: #262626;
|
||||
border-radius: 90px;
|
||||
width: 50%;
|
||||
height: 70px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
">
|
||||
<div @click="OpenDisclaimer" class="disclaimer-btn" style="margin-top: 20px;">
|
||||
<text style="font-size: 28px; font-weight: 600">{{ $t("about.disclaimer") }}</text>
|
||||
</div>
|
||||
<text style="margin-top: 25px"></text>
|
||||
@@ -58,40 +66,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 35px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.appbar {
|
||||
width: 81%;
|
||||
height: 84px;
|
||||
border-radius: 60px;
|
||||
background-color: #262626;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.developersbar {
|
||||
width: 81%;
|
||||
height: 155px;
|
||||
border-radius: 50px;
|
||||
background-color: #262626;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.developer {
|
||||
width: 80%;
|
||||
flex-direction: row;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './about.less';
|
||||
</style>
|
||||
@@ -0,0 +1,53 @@
|
||||
.time {
|
||||
font-size: 50px;
|
||||
font-weight: 600;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.btnbase {
|
||||
width: 130px;
|
||||
height: 130px;
|
||||
border-radius: 50%;
|
||||
background-color: #222222;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.btntext {
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.smallbtntext {
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
margin-left: 11px;
|
||||
}
|
||||
|
||||
.btnimg {
|
||||
width: 70px;
|
||||
height: 76px;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.btn {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.smallbtn {
|
||||
width: 140px;
|
||||
height: 55px;
|
||||
border-radius: 32px;
|
||||
background-color: #222222;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btnline {
|
||||
flex-direction: row;
|
||||
width: 300px;
|
||||
}
|
||||
@@ -103,75 +103,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scroll {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-size: 50px;
|
||||
font-weight: 600;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.btnbase {
|
||||
width: 130px;
|
||||
height: 130px;
|
||||
border-radius: 50%;
|
||||
background-color: #222222;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.btntext {
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.smallbtntext {
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
margin-left: 11px;
|
||||
}
|
||||
|
||||
.btnimg {
|
||||
width: 70px;
|
||||
height: 76px;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.btn {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.smallbtn {
|
||||
width: 140px;
|
||||
height: 55px;
|
||||
border-radius: 32px;
|
||||
background-color: #222222;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btnline {
|
||||
flex-direction: row;
|
||||
width: 300px;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './arealist.less';
|
||||
</style>
|
||||
@@ -47,13 +47,6 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
</style>
|
||||
@@ -0,0 +1,35 @@
|
||||
.articlebox {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: @screenWidth;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.infobox {
|
||||
width: 75%;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.infofield {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 34px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.infofield_text {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #9e9e9e;
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
.pinknum {
|
||||
color: #ff7da8;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
@@ -104,49 +104,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.articlebox {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.infobox {
|
||||
width: 75%;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.infofield {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 34px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.infofield_text {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #9e9e9e;
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
.pinknum {
|
||||
color: #ff7da8;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './articleshow.less';
|
||||
</style>
|
||||
@@ -78,13 +78,6 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
</style>
|
||||
@@ -0,0 +1,45 @@
|
||||
.dmlist {
|
||||
width: 313px;
|
||||
}
|
||||
|
||||
.user {
|
||||
height: 119px;
|
||||
border-radius: 33px;
|
||||
background-color: #222222;
|
||||
flex-direction: row;
|
||||
width: 313px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.userface {
|
||||
min-width: 75px;
|
||||
min-height: 75px;
|
||||
max-width: 75px;
|
||||
max-height: 75px;
|
||||
object-fit: scale-down;
|
||||
margin-left: 26px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.infoarea {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
width: 195px;
|
||||
}
|
||||
|
||||
.username {
|
||||
font-size: 28px;
|
||||
font-weight: 600;
|
||||
margin-left: 11px;
|
||||
max-height: 40px;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.lastmsg {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
margin-left: 11px;
|
||||
max-height: 55px;
|
||||
text-overflow: ellipsis;
|
||||
color: #585858
|
||||
}
|
||||
@@ -37,6 +37,8 @@ export default {
|
||||
this.show_loading = true
|
||||
|
||||
this.sessions = (await this.$app.$def.biliclient.getDMSessions(1, 2)).session_list
|
||||
// 裁切至10个
|
||||
this.sessions.length = Math.min(this.sessions, 10);
|
||||
|
||||
var session_uids = []
|
||||
this.sessions.forEach((session) => {
|
||||
@@ -82,59 +84,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dmlist {
|
||||
width: 313px;
|
||||
}
|
||||
|
||||
.user {
|
||||
height: 119px;
|
||||
border-radius: 33px;
|
||||
background-color: #222222;
|
||||
flex-direction: row;
|
||||
width: 313px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.userface {
|
||||
min-width: 75px;
|
||||
min-height: 75px;
|
||||
max-width: 75px;
|
||||
max-height: 75px;
|
||||
object-fit: scale-down;
|
||||
margin-left: 26px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.infoarea {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
width: 195px;
|
||||
}
|
||||
|
||||
.username {
|
||||
font-size: 28px;
|
||||
font-weight: 600;
|
||||
margin-left: 11px;
|
||||
max-height: 40px;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.lastmsg {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
margin-left: 11px;
|
||||
max-height: 55px;
|
||||
text-overflow: ellipsis;
|
||||
color: #585858
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './dmlist.less';
|
||||
</style>
|
||||
@@ -0,0 +1,63 @@
|
||||
.scroll {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.targetmsg-container {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
/* 消息框向左对齐 */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mymsg-container {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
/* 消息框向右对齐 */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.targetmsg {
|
||||
flex-direction: row;
|
||||
margin-left: 55px;
|
||||
}
|
||||
|
||||
.mymsg {
|
||||
flex-direction: row;
|
||||
margin-right: 55px;
|
||||
}
|
||||
|
||||
.imgmsg {
|
||||
object-fit: scale-down;
|
||||
border-radius: 15px;
|
||||
max-width: 156px;
|
||||
max-height: 125px;
|
||||
}
|
||||
|
||||
.msgbox {
|
||||
max-width: 171px;
|
||||
max-height: 140px;
|
||||
border-radius: 20px;
|
||||
padding: 15px;
|
||||
background-color: #242424;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.msgprofpic {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.msgtext {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
text-overflow: ellipsis;
|
||||
max-height: 140px;
|
||||
max-width: 171px;
|
||||
}
|
||||
@@ -223,75 +223,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scroll {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.targetmsg-container {
|
||||
display: flex;
|
||||
justify-content: flex-start; /* 消息框向左对齐 */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mymsg-container {
|
||||
display: flex;
|
||||
justify-content: flex-end; /* 消息框向右对齐 */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.targetmsg {
|
||||
flex-direction: row;
|
||||
margin-left: 55px;
|
||||
}
|
||||
|
||||
.mymsg {
|
||||
flex-direction: row;
|
||||
margin-right: 55px;
|
||||
}
|
||||
|
||||
.imgmsg {
|
||||
object-fit: scale-down;
|
||||
border-radius: 15px;
|
||||
max-width: 156px;
|
||||
max-height: 125px;
|
||||
}
|
||||
|
||||
.msgbox {
|
||||
max-width: 171px;
|
||||
max-height: 140px;
|
||||
border-radius: 20px;
|
||||
padding: 15px;
|
||||
background-color: #242424;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.msgprofpic {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.msgtext {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
text-overflow: ellipsis;
|
||||
max-height: 140px;
|
||||
max-width: 171px;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './dmpage.less';
|
||||
</style>
|
||||
@@ -0,0 +1,21 @@
|
||||
.text {
|
||||
width: 69%;
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.code-container {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
border-radius: 5%;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.code {
|
||||
width: 180px;
|
||||
height: 180px;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
@@ -22,35 +22,7 @@
|
||||
export default {}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.text {
|
||||
width: 69%;
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.code-container {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
border-radius: 5%;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.code {
|
||||
width: 180px;
|
||||
height: 180px;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './donation.less';
|
||||
</style>
|
||||
@@ -70,13 +70,6 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
</style>
|
||||
@@ -0,0 +1,45 @@
|
||||
.folder {
|
||||
margin-top: 10px;
|
||||
width: 340px;
|
||||
height: 120px;
|
||||
background-color: #262626;
|
||||
border-radius: 40px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.folderlist {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.folderimg {
|
||||
margin-left: 15px;
|
||||
border-radius: 30px;
|
||||
max-width: 121px;
|
||||
max-height: 68px;
|
||||
min-width: 121px;
|
||||
min-height: 68px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.foldername {
|
||||
margin-left: 10px;
|
||||
height: 60px;
|
||||
width: 130px;
|
||||
margin-top: 10px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.foldername_text {
|
||||
text-overflow: ellipsis;
|
||||
font-weight: 600;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.foldercount {
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
@@ -77,59 +77,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.folder {
|
||||
margin-top: 10px;
|
||||
width: 340px;
|
||||
height: 120px;
|
||||
background-color: #262626;
|
||||
border-radius: 40px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.folderlist {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.folderimg {
|
||||
margin-left: 15px;
|
||||
border-radius: 30px;
|
||||
max-width: 121px;
|
||||
max-height: 68px;
|
||||
min-width: 121px;
|
||||
min-height: 68px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.foldername {
|
||||
margin-left: 10px;
|
||||
height: 60px;
|
||||
width: 130px;
|
||||
margin-top: 10px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.foldername_text {
|
||||
text-overflow: ellipsis;
|
||||
font-weight: 600;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.foldercount {
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './favfolders.less';
|
||||
</style>
|
||||
@@ -0,0 +1,84 @@
|
||||
.foldervid_div {
|
||||
margin-top: 10px;
|
||||
width: 77%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.foldervid_list {
|
||||
width: 77%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.foldervid_listitem {
|
||||
height: 170px;
|
||||
width: 100%;
|
||||
margin-top: 5px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.foldervid_list_vid {
|
||||
border-radius: 50px;
|
||||
background-color: #262626;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.vidinfo {
|
||||
flex-direction: row;
|
||||
height: 130px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.vidpicture {
|
||||
margin-left: 26px;
|
||||
margin-top: 20px;
|
||||
min-width: 160px;
|
||||
min-height: 100px;
|
||||
max-width: 160px;
|
||||
max-height: 100px;
|
||||
border-radius: 30px;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.vidpicture_img {
|
||||
min-width: 160px;
|
||||
min-height: 100px;
|
||||
max-width: 160px;
|
||||
max-height: 100px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.vidtitle {
|
||||
margin-left: 20px;
|
||||
margin-top: 20px;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
width: 145px;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.vidstat {
|
||||
flex-direction: row;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.upinfo {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.stat_view {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
margin-left: 250px;
|
||||
}
|
||||
@@ -114,98 +114,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.foldervid_div {
|
||||
margin-top: 10px;
|
||||
width: 77%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.foldervid_list {
|
||||
width: 77%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.foldervid_listitem {
|
||||
height: 170px;
|
||||
width: 100%;
|
||||
margin-top: 5px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.foldervid_list_vid {
|
||||
border-radius: 50px;
|
||||
background-color: #262626;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.vidinfo {
|
||||
flex-direction: row;
|
||||
height: 130px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.vidpicture {
|
||||
margin-left: 26px;
|
||||
margin-top: 20px;
|
||||
min-width: 160px;
|
||||
min-height: 100px;
|
||||
max-width: 160px;
|
||||
max-height: 100px;
|
||||
border-radius: 30px;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.vidpicture_img {
|
||||
min-width: 160px;
|
||||
min-height: 100px;
|
||||
max-width: 160px;
|
||||
max-height: 100px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.vidtitle {
|
||||
margin-left: 20px;
|
||||
margin-top: 20px;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
width: 145px;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.vidstat {
|
||||
flex-direction: row;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.upinfo {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.stat_view {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
margin-left: 250px;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './foldervideos.less';
|
||||
</style>
|
||||
@@ -66,15 +66,8 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.historylist {
|
||||
margin-top: 10px;
|
||||
|
||||
@@ -52,13 +52,6 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
</style>
|
||||
@@ -88,15 +88,8 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.qr_code {
|
||||
margin-top: 30px;
|
||||
|
||||
@@ -0,0 +1,18 @@
|
||||
.tip {
|
||||
margin-top: 10px;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.recommend_div {
|
||||
margin-top: 15px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
max-width: 76%;
|
||||
min-width: 76%;
|
||||
}
|
||||
|
||||
.recommend_item {
|
||||
width: 300px;
|
||||
}
|
||||
+3
-36
@@ -139,40 +139,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scroll {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tip {
|
||||
margin-top: 10px;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.recommend_div {
|
||||
margin-top: 15px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
max-width: 76%;
|
||||
min-width: 76%;
|
||||
}
|
||||
|
||||
.recommend_item {
|
||||
width: 300px;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './main.less';
|
||||
</style>
|
||||
@@ -0,0 +1,48 @@
|
||||
.featurebox {
|
||||
width: 321px;
|
||||
height: 222px;
|
||||
border-radius: 33px;
|
||||
background-color: #222222;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.boxline {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.feature {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.featuretext {
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.featureimg {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.bubble {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
width: 38px;
|
||||
height: 32px;
|
||||
border-radius: 100px;
|
||||
background-color: #ff4141;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.bubble_text {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
@@ -67,62 +67,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.featurebox {
|
||||
width: 321px;
|
||||
height: 222px;
|
||||
border-radius: 33px;
|
||||
background-color: #222222;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.boxline {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.feature {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.featuretext {
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.featureimg {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.bubble {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
width: 38px;
|
||||
height: 32px;
|
||||
border-radius: 100px;
|
||||
background-color: #ff4141;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.bubble_text {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './messages.less';
|
||||
</style>
|
||||
@@ -0,0 +1,68 @@
|
||||
.profdiv {
|
||||
width: 176px;
|
||||
/* 设置为与 profpendantimg 一致 */
|
||||
height: 176px;
|
||||
/* 设置为与 profpendantimg 一致 */
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.profimg {
|
||||
width: 106px;
|
||||
height: 106px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.profpendantimg {
|
||||
width: 176px;
|
||||
height: 176px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.vipname {
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
color: #ff7da8;
|
||||
}
|
||||
|
||||
.tagbar {
|
||||
flex-direction: row;
|
||||
width: 40%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.tagimg {
|
||||
height: 30px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.btnbase {
|
||||
width: 314px;
|
||||
height: 93px;
|
||||
border-radius: 30px;
|
||||
background-color: #262626;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btnimg {
|
||||
margin-left: 22px;
|
||||
width: 49px;
|
||||
height: 52px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.btntext {
|
||||
margin-left: 22px;
|
||||
width: 190px;
|
||||
font-size: 35px;
|
||||
font-weight: 500;
|
||||
}
|
||||
@@ -88,80 +88,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.profdiv {
|
||||
width: 176px; /* 设置为与 profpendantimg 一致 */
|
||||
height: 176px; /* 设置为与 profpendantimg 一致 */
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.profimg {
|
||||
width: 106px;
|
||||
height: 106px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.profpendantimg {
|
||||
width: 176px;
|
||||
height: 176px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.vipname {
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
color: #ff7da8;
|
||||
}
|
||||
|
||||
.tagbar {
|
||||
flex-direction: row;
|
||||
width: 40%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.tagimg {
|
||||
height: 30px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.btnbase {
|
||||
width: 314px;
|
||||
height: 93px;
|
||||
border-radius: 30px;
|
||||
background-color: #262626;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btnimg {
|
||||
margin-left: 22px;
|
||||
width: 49px;
|
||||
height: 52px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.btntext {
|
||||
margin-left: 22px;
|
||||
width: 190px;
|
||||
font-size: 35px;
|
||||
font-weight: 500;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './mypage.less';
|
||||
</style>
|
||||
@@ -33,13 +33,6 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
</style>
|
||||
@@ -115,15 +115,8 @@ export default {
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.scroll {
|
||||
height: 100%;
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<import name="default-button" src="../../components/DefaultButton/DefaultButton.ux"></import>
|
||||
|
||||
<template>
|
||||
<div class="page">
|
||||
<image src="{{anims.loginsrc.value}}" style="width: 45px; height: 45px; object-fit: contain"></image>
|
||||
<text style="font-weight: 600; font-size: 24px; margin-top: 10px">{{ $t("prepage.loadingTip") }}</text>
|
||||
<div class="featurebtn" style="position:absolute; bottom: 50px" @click="ReLogin()" if={{ShowReLogin}}>
|
||||
<text class="featurebtn_text">{{ $t("prepage.gotProblems") }}</text>
|
||||
</div>
|
||||
<default-button text="prepage.gotProblems" style="position: absolute; bottom: 50px" @click="ReLogin()" if={{ShowReLogin}}></default-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -52,7 +52,9 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -62,18 +64,4 @@ export default {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.featurebtn {
|
||||
width: 280px;
|
||||
height: 65px;
|
||||
border-radius: 90px;
|
||||
background-color: #262626;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.featurebtn_text {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,38 @@
|
||||
.replylist {
|
||||
width: 77%;
|
||||
height: 75%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.inputpanel {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: black;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.inputactions {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
width: 50%;
|
||||
position: absolute;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.inputaction_img {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.inputshow {
|
||||
width: 65%;
|
||||
position: absolute;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.inputshow_text {
|
||||
font-size: 24px;
|
||||
}
|
||||
@@ -166,52 +166,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.replylist {
|
||||
width: 77%;
|
||||
height: 75%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.inputpanel {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: black;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.inputactions {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
width: 50%;
|
||||
position: absolute;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.inputaction_img {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.inputshow {
|
||||
width: 65%;
|
||||
position: absolute;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.inputshow_text {
|
||||
font-size: 24px;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './replys.less';
|
||||
</style>
|
||||
@@ -0,0 +1,25 @@
|
||||
.toolbtn {
|
||||
width: 280px;
|
||||
height: 80px;
|
||||
border-radius: 25px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
background-color: #262626;
|
||||
}
|
||||
|
||||
.dataicon {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.toolicon {
|
||||
width: 35px;
|
||||
height: 39px;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.toolname {
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
}
|
||||
@@ -94,39 +94,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.toolbtn {
|
||||
width: 280px;
|
||||
height: 80px;
|
||||
border-radius: 25px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
background-color: #262626;
|
||||
}
|
||||
|
||||
.dataicon {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.toolicon {
|
||||
width: 35px;
|
||||
height: 39px;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.toolname {
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './replytools.less';
|
||||
</style>
|
||||
@@ -58,21 +58,6 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scroll {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
</style>
|
||||
@@ -0,0 +1,32 @@
|
||||
.searchbtn {
|
||||
width: 270px;
|
||||
height: 50px;
|
||||
border-radius: 130px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
background-color: #222222;
|
||||
}
|
||||
|
||||
.searchtip {
|
||||
font-size: 25px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.hotwords {
|
||||
width: 272px;
|
||||
height: 243px;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.hottitle {
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
margin-left: 5px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.hotwordlist {
|
||||
width: 272px;
|
||||
height: 245px;
|
||||
}
|
||||
@@ -98,46 +98,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.searchbtn {
|
||||
width: 270px;
|
||||
height: 50px;
|
||||
border-radius: 130px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
background-color: #222222;
|
||||
}
|
||||
|
||||
.searchtip {
|
||||
font-size: 25px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.hotwords {
|
||||
width: 272px;
|
||||
height: 243px;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.hottitle {
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
margin-left: 5px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.hotwordlist {
|
||||
width: 272px;
|
||||
height: 245px;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './search.less';
|
||||
</style>
|
||||
@@ -0,0 +1,48 @@
|
||||
.searchbar {
|
||||
background-color: #222222;
|
||||
width: 255px;
|
||||
height: 50px;
|
||||
border-radius: 130px;
|
||||
margin-top: 20px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.typebar {
|
||||
flex-direction: row;
|
||||
width: 257px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.typetext {
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.swipermain {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.tiplabel {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.listtip {
|
||||
margin-left: 72px;
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.swiper_container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.swiper_box {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@@ -282,70 +282,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.scroll {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.searchbar {
|
||||
background-color: #222222;
|
||||
width: 255px;
|
||||
height: 50px;
|
||||
border-radius: 130px;
|
||||
margin-top: 20px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.typebar {
|
||||
flex-direction: row;
|
||||
width: 257px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.typetext {
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.swipermain {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.tiplabel {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.listtip {
|
||||
margin-left: 72px;
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.swiper_container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.swiper_box {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './searchresult.less';
|
||||
</style>
|
||||
@@ -0,0 +1,35 @@
|
||||
.setbase {
|
||||
width: 291px;
|
||||
height: 81px;
|
||||
border-radius: 30px;
|
||||
background-color: #262626;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.seticon {
|
||||
margin-left: 25px;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.setext_small {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
margin-left: 15px;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
.setext {
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.countset_num {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: #4785ff;
|
||||
}
|
||||
@@ -156,49 +156,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.setbase {
|
||||
width: 291px;
|
||||
height: 81px;
|
||||
border-radius: 30px;
|
||||
background-color: #262626;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.seticon {
|
||||
margin-left: 25px;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.setext_small {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
margin-left: 15px;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
.setext {
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.countset_num {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: #4785ff;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './settings.less';
|
||||
</style>
|
||||
@@ -71,7 +71,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -19,15 +19,8 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
|
||||
.textbg {
|
||||
background-color: #262626;
|
||||
|
||||
@@ -0,0 +1,62 @@
|
||||
.vidpic {
|
||||
border-radius: 20px;
|
||||
width: 320px;
|
||||
height: 150px;
|
||||
margin-top: 31px;
|
||||
}
|
||||
|
||||
.vidtitle {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: #9e9e9e;
|
||||
margin-top: 10px;
|
||||
width: 281px;
|
||||
}
|
||||
|
||||
.statbar {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-top: 10px;
|
||||
width: 281px;
|
||||
}
|
||||
|
||||
.stat {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.statimg {
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.statext {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: #9e9e9e;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.vidtoolbar {
|
||||
flex-direction: row;
|
||||
width: 374px;
|
||||
}
|
||||
|
||||
.vidtool {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-left: 15px;
|
||||
width: 85px;
|
||||
}
|
||||
|
||||
.vidtooltext {
|
||||
margin-top: 10px;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.vidtoolimg {
|
||||
width: 62px;
|
||||
}
|
||||
@@ -4,7 +4,7 @@
|
||||
|
||||
<template>
|
||||
<div class="page">
|
||||
<scroll scroll-y="true" class="maindiv" bounces="true">
|
||||
<scroll scroll-y="true" class="scroll" bounces="true">
|
||||
<title-bar title="video.title"></title-bar>
|
||||
<image src="{{vid.pic}}@319w_150h" alt="/common/grayloading_cn.png" class="vidpic"></image>
|
||||
<text class="vidtitle">{{ vid.title }}</text>
|
||||
@@ -189,84 +189,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.maindiv {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.vidpic {
|
||||
border-radius: 20px;
|
||||
width: 320px;
|
||||
height: 150px;
|
||||
margin-top: 31px;
|
||||
}
|
||||
|
||||
.vidtitle {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: #9e9e9e;
|
||||
margin-top: 10px;
|
||||
width: 281px;
|
||||
}
|
||||
|
||||
.statbar {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-top: 10px;
|
||||
width: 281px;
|
||||
}
|
||||
|
||||
.stat {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.statimg {
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
object-fit: scale-down;
|
||||
}
|
||||
|
||||
.statext {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: #9e9e9e;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.vidtoolbar {
|
||||
flex-direction: row;
|
||||
width: 374px;
|
||||
}
|
||||
|
||||
.vidtool {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-left: 15px;
|
||||
width: 85px;
|
||||
}
|
||||
|
||||
.vidtooltext {
|
||||
margin-top: 10px;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.vidtoolimg {
|
||||
width: 62px;
|
||||
}
|
||||
<style lang="less">
|
||||
@import '../../less/global.less';
|
||||
@import './videodetail.less';
|
||||
</style>
|
||||
+6
-1
@@ -8,6 +8,9 @@ interface SettingsInterface {
|
||||
|
||||
// 下面的设置项将不在设置页面中展示
|
||||
agreedAllAgreements: boolean;
|
||||
|
||||
// 校验字段
|
||||
_loadedSettings: boolean;
|
||||
}
|
||||
|
||||
// 初始设置
|
||||
@@ -18,7 +21,9 @@ export let SETTINGS: SettingsInterface = {
|
||||
article_split_dom_count: 9999,
|
||||
enableFullAnimation: false,
|
||||
|
||||
agreedAllAgreements: false // 是否已同意所有协议（用户协议 隐私协议 etc.）
|
||||
agreedAllAgreements: false, // 是否已同意所有协议（用户协议 隐私协议 etc.）
|
||||
|
||||
_loadedSettings: false
|
||||
};
|
||||
|
||||
export function loadSettings(): void {
|
||||
|
||||
Reference in New Issue
Block a user