first commit

pages/video/video.wxss

@@ -0,0 +1,89 @@
+page {
+    background-color: #222238;
+    border-top: 1px solid hsla(0,31%,87%,.5);
+}
+
+.wrap {
+    align-items: center;
+    flex-direction: column;
+}
+
+.buttons-row,.wrap {
+    display: flex;
+}
+
+.buttons-row {
+    justify-content: space-around;
+    margin-top: 20rpx;
+    width: 100%;
+}
+
+.video-box {
+    display: block;
+    height: 700rpx;
+    margin: 40rpx auto;
+    width: 560rpx;
+}
+
+.video-title {
+    word-wrap: break-word;
+    background-color: #333;
+    color: #a790e2;
+    height: 50px;
+    margin-top: 10px;
+    padding: 8px;
+    user-select: text;
+    white-space: pre-wrap;
+    width: 90%;
+}
+
+.parsing {
+    background: linear-gradient(90deg,#6949bb,#4052ca);
+    box-shadow: 0 14rpx 28rpx rgba(51,122,255,.3);
+    color: #fff;
+    display: inline-block;
+    height: 88rpx;
+    line-height: 88rpx;
+    overflow: hidden;
+    text-align: center;
+    width: 320rpx;
+}
+
+.copy-url,.extract-text {
+    background: linear-gradient(90deg,#6949bb,#4d65fd);
+}
+
+.go-back {
+    background-color: #f8f8f8;
+    color: #fff;
+}
+
+.video-title-textarea {
+    background-color: #f8f8f8;
+    border: 1px solid #ccc;
+    border-radius: 5rpx;
+    color: #333;
+    display: block;
+    font-size: 20rpx;
+    height: 80rpx;
+    line-height: 1.5;
+    margin: 20rpx auto;
+    padding: 15rpx;
+    resize: none;
+    width: 90%;
+}
+
+.read_count {
+    color: blue;
+    font-size: 1rem;
+}
+
+.advertisement {
+    margin: 5px 0;
+    width: 100%;
+    z-index: 9999;
+}
+
+.advertisement image {
+    width: 100%;
+}