wishpal_ironfan
/
tiefen_space_h5
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

固定input字体大小

This commit is contained in:
al 2024-11-14 17:23:01 +08:00
parent 16cd1ec0c4
commit 685b2c39e7
11 changed files with 116 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

128
app/globals.css
View File

@ -1,12 +1,12 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
body{ body {
color:#fff; color: #fff;
/* padding-bottom: constant(safe-area-inset-bottom); /* padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom); */ padding-bottom: env(safe-area-inset-bottom); */
} }
footer{ footer {
/* Fallback for non-iOS devices */ /* Fallback for non-iOS devices */
bottom: 0; bottom: 0;
/* iOS 11.0+ */ /* iOS 11.0+ */
@ -35,7 +35,7 @@ footer{
-ms-user-select: none; /* IE/Edge */ -ms-user-select: none; /* IE/Edge */
user-select: none; /* 标准语法 */ user-select: none; /* 标准语法 */
} }
img{ img {
pointer-events: none; pointer-events: none;
} }
input { input {
@ -57,11 +57,19 @@ input {
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
color: inherit; color: inherit;
}
input,textarea{
-webkit-user-select: auto; /* Safari */
-moz-user-select: auto; /* Firefox */
-ms-user-select: auto; /* IE/Edge */
user-select: auto; /* 标准语法 */
} }
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) { @media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
select:focus, textarea:focus, input:focus { select:focus,
font-size: 16px !important; textarea:focus,
input:focus {
font-size: 16px !important;
} }
} }
/* .adm-image-viewer-slides-inner > *{ /* .adm-image-viewer-slides-inner > *{
@ -102,7 +110,7 @@ input {
.adm-list-body-inner { .adm-list-body-inner {
/* margin-top: 8px; */ /* margin-top: 8px; */
} }
.adm-image-viewer-indicator{ .adm-image-viewer-indicator {
color: #fff; color: #fff;
} }
@ -138,23 +146,24 @@ input {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
.scrollbarBoxX::-webkit-scrollbar, .scrollbarBox::-webkit-scrollbar { .scrollbarBoxX::-webkit-scrollbar,
.scrollbarBox::-webkit-scrollbar {
/* display:none; */ /* display:none; */
width: 6px; width: 6px;
} }
.scrollbarBoxX::-webkit-scrollbar-thumb,.scrollbarBox::-webkit-scrollbar-thumb { .scrollbarBoxX::-webkit-scrollbar-thumb,
.scrollbarBox::-webkit-scrollbar-thumb {
border-radius: 10px; border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(138, 138, 138, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(138, 138, 138, 0.2);
background: nb-theme(background-basic-color-4); background: nb-theme(background-basic-color-4);
} }
.scrollbarBoxX::-webkit-scrollbar-track,.scrollbarBox::-webkit-scrollbar-track { .scrollbarBoxX::-webkit-scrollbar-track,
.scrollbarBox::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(138, 138, 138, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(138, 138, 138, 0.2);
border-radius: 10px; border-radius: 10px;
background: nb-theme(background-basic-color-2); background: nb-theme(background-basic-color-2);
;
} }
.scrollbarBox_hidden { .scrollbarBox_hidden {
@ -178,7 +187,6 @@ input {
white-space: nowrap; white-space: nowrap;
} }
.imageBlur { .imageBlur {
filter: blur(8px); filter: blur(8px);
} }
@ -211,62 +219,62 @@ input {
bottom: -4px; bottom: -4px;
} }
.adm-floating-panel{ .adm-floating-panel {
--border-radius:16px !important; --border-radius: 16px !important;
} }
.adm-jumbo-tabs-tab-active{ .adm-jumbo-tabs-tab-active {
color:#fff!important; color: #fff !important;
/* font-weight: bold; */ /* font-weight: bold; */
} }
.adm-jumbo-tabs-tab-description{ .adm-jumbo-tabs-tab-description {
background: none; background: none;
width: 100%!important; width: 100% !important;
} }
.adm-jumbo-tabs-header{ .adm-jumbo-tabs-header {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 10; z-index: 10;
background-color: #07050A; background-color: #07050a;
color: #ffffff88; color: #ffffff88;
} }
.spaceBoxTwo .adm-jumbo-tabs-header .adm-jumbo-tabs-tab-list{ .spaceBoxTwo .adm-jumbo-tabs-header .adm-jumbo-tabs-tab-list {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
} }
.spaceBoxThree .adm-jumbo-tabs-header .adm-jumbo-tabs-tab-list{ .spaceBoxThree .adm-jumbo-tabs-header .adm-jumbo-tabs-tab-list {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }
.adm-floating-panel-header{ .adm-floating-panel-header {
background-color: #07050A!important; background-color: #07050a !important;
} }
.adm-floating-panel-header .adm-floating-panel-bar{ .adm-floating-panel-header .adm-floating-panel-bar {
background-color: #ffffff!important; background-color: #ffffff !important;
width: 30px!important; width: 30px !important;
} }
.adm-tab-bar .adm-tab-bar-item-icon{ .adm-tab-bar .adm-tab-bar-item-icon {
height:32px; height: 32px;
} }
.adm-image-viewer-slides .adm-image-viewer-slide{ .adm-image-viewer-slides .adm-image-viewer-slide {
/* margin-right: 0; */ /* margin-right: 0; */
} }
.videoMask{ .videoMask {
display: none; display: none;
} }
.adm-dialog .adm-center-popup-wrap{ .adm-dialog .adm-center-popup-wrap {
top: 0; top: 0;
left: 0; left: 0;
transform: none; transform: none;
max-width: none; max-width: none;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.adm-dialog .adm-dialog-content{ .adm-dialog .adm-dialog-content {
max-height: none; max-height: none;
height: 100%; height: 100%;
} }
.adm-toast-icon{ .adm-toast-icon {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -275,26 +283,26 @@ input {
.adm-floating-panel .adm-floating-panel-content { .adm-floating-panel .adm-floating-panel-content {
flex: 1; flex: 1;
overflow-y: scroll; overflow-y: scroll;
background: rgb(7 5 10/ var(--tw-bg-opacity))!important; background: rgb(7 5 10 / var(--tw-bg-opacity)) !important;
} }
.adm-list>div>div>div>div{ .adm-list > div > div > div > div {
padding: 0; padding: 0;
} }
.adm-list-item-content{ .adm-list-item-content {
padding: 0; padding: 0;
} }
.customize-body img{ .customize-body img {
max-height: 90vh; max-height: 90vh;
filter: blur(8px); filter: blur(8px);
} }
.customize-body>div>div{ .customize-body > div > div {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.customize-body>div>div>div{ .customize-body > div > div > div {
transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);
overflow: hidden; overflow: hidden;
height: max-content; height: max-content;
@ -313,44 +321,44 @@ input {
width: max-content; width: max-content;
border-radius: 0.25rem; border-radius: 0.25rem;
} */ } */
.mediaDom .adm-image-viewer-slides-inner{ .mediaDom .adm-image-viewer-slides-inner {
padding-top: 68px; padding-top: 68px;
} }
.mediaDom .adm-image-viewer-slide{ .mediaDom .adm-image-viewer-slide {
max-height: calc(100vh - 100px); max-height: calc(100vh - 100px);
width: 100vw; width: 100vw;
} }
.photos-body img{ .photos-body img {
/* max-height: 90vh; */ /* max-height: 90vh; */
filter: blur(8px); filter: blur(8px);
} }
.photos-body .adm-image-viewer-control{ .photos-body .adm-image-viewer-control {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.photos-body .adm-image-viewer-image-wrapper{ .photos-body .adm-image-viewer-image-wrapper {
overflow: hidden; overflow: hidden;
height: max-content; height: max-content;
width: max-content; width: max-content;
border-radius: 0.25rem; border-radius: 0.25rem;
} }
.photos-bodyBox-full{ .photos-bodyBox-full {
width: 100vw; width: 100vw;
max-height: calc(100vh); max-height: calc(100vh);
} }
.photos-bodyBox{ .photos-bodyBox {
width: 100vw; width: 100vw;
max-height: calc(100vh - 120px); max-height: calc(100vh - 120px);
} }
.adm-checkbox.adm-checkbox-checked .adm-checkbox-icon,.adm-radio.adm-radio-checked .adm-radio-icon { .adm-checkbox.adm-checkbox-checked .adm-checkbox-icon,
border-color: #FF669E!important; .adm-radio.adm-radio-checked .adm-radio-icon {
background-color: #FF669E!important; border-color: #ff669e !important;
background-color: #ff669e !important;
} }
.adm-modal .adm-modal-content{ .adm-modal .adm-modal-content {
max-height: 100vh; max-height: 100vh;
} }

1
app/my/createProfile/page.jsx
View File

@ -374,6 +374,7 @@ export default function CreateProfile() {
</div> </div>
<div className="mt-2 px-4 py-3 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center"> <div className="mt-2 px-4 py-3 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center">
<TextArea <TextArea
style={{ "--font-size": `16px` }}
value={formData.spaceIntro} value={formData.spaceIntro}
placeholder="介绍下你的空间吧～" placeholder="介绍下你的空间吧～"
onChange={(value) => onChange={(value) =>

2
app/my/editprofile/editHome/page.jsx
View File

@ -651,6 +651,7 @@ export default function EditHome() {
</div> </div>
<div className="mt-2 px-4 py-3 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center"> <div className="mt-2 px-4 py-3 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center">
<TextArea <TextArea
style={{ "--font-size": `16px` }}
value={formData.info} value={formData.info}
placeholder="点此输入，文案将在“主页”展示" placeholder="点此输入，文案将在“主页”展示"
onChange={(value) => onChange={(value) =>
@ -669,6 +670,7 @@ export default function EditHome() {
</div> </div>
<div className="mt-2 px-4 py-3 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center"> <div className="mt-2 px-4 py-3 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center">
<TextArea <TextArea
style={{ "--font-size": `16px` }}
value={formData.autoResponse} value={formData.autoResponse}
placeholder="文案将自动发送给点开私信的用户" placeholder="文案将自动发送给点开私信的用户"
onChange={(value) => onChange={(value) =>

2
app/my/streamerVerification/completeStreamerInformation/page.jsx
View File

@ -940,6 +940,7 @@ export default function CompleteStreamerInformation() {
</div> </div>
<div className="mt-2 px-4 py-3 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center"> <div className="mt-2 px-4 py-3 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center">
<TextArea <TextArea
style={{ "--font-size": `16px` }}
value={formData.info} value={formData.info}
placeholder="点此输入，文案将在“主页”展示" placeholder="点此输入，文案将在“主页”展示"
onChange={(value) => onChange={(value) =>
@ -958,6 +959,7 @@ export default function CompleteStreamerInformation() {
</div> </div>
<div className="mt-2 px-4 py-3 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center"> <div className="mt-2 px-4 py-3 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center">
<TextArea <TextArea
style={{ "--font-size": `16px` }}
value={formData.autoResponse} value={formData.autoResponse}
placeholder="文案将自动发送给点开私信的用户" placeholder="文案将自动发送给点开私信的用户"
onChange={(value) => onChange={(value) =>

4
app/space/createImagePost/page.jsx
View File

@ -263,7 +263,7 @@ export default function CreateImagePost() {
onChange={(value) => onChange={(value) =>
setFormData((old) => ({ ...old, content: value })) setFormData((old) => ({ ...old, content: value }))
} }
style={{ "--font-size": "14px" }} style={{ "--font-size": "16px" }}
className="h-full bg-[#FFFFFF1A] rounded-2xl mt-2 mb-4 p-2" className="h-full bg-[#FFFFFF1A] rounded-2xl mt-2 mb-4 p-2"
/> />
</div> </div>
@ -278,7 +278,7 @@ export default function CreateImagePost() {
} }
autoSize={{ minRows: 6, maxRows: 15 }} autoSize={{ minRows: 6, maxRows: 15 }}
value={formData.paidText} value={formData.paidText}
style={{ "--font-size": "14px" }} style={{ "--font-size": "16px" }}
className="h-full bg-[#FFFFFF1A] rounded-2xl mt-2 mb-4 p-2" className="h-full bg-[#FFFFFF1A] rounded-2xl mt-2 mb-4 p-2"
/> />
</div> </div>

4
app/space/createVideoPost/page.jsx
View File

@ -233,7 +233,7 @@ export default function CreateVideoPost() {
setFormData((old) => ({ ...old, content: value })) setFormData((old) => ({ ...old, content: value }))
} }
autoSize={{ minRows: 6, maxRows: 15 }} autoSize={{ minRows: 6, maxRows: 15 }}
style={{ "--font-size": "14px" }} style={{ "--font-size": "16px" }}
className="min-h-32 max-h-96 bg-[#FFFFFF1A] text-white rounded-2xl mt-2 mb-4 p-2" className="min-h-32 max-h-96 bg-[#FFFFFF1A] text-white rounded-2xl mt-2 mb-4 p-2"
/> />
{formData.isCreatingPaidText && formData.price > 0 && ( {formData.isCreatingPaidText && formData.price > 0 && (
@ -246,7 +246,7 @@ export default function CreateVideoPost() {
} }
autoSize={{ minRows: 6, maxRows: 15 }} autoSize={{ minRows: 6, maxRows: 15 }}
value={formData.paidText} value={formData.paidText}
style={{ "--font-size": "14px" }} style={{ "--font-size": "16px" }}
className="min-h-32 max-h-96 bg-[#FFFFFF1A] text-white rounded-2xl mt-2 mb-4 p-2" className="min-h-32 max-h-96 bg-[#FFFFFF1A] text-white rounded-2xl mt-2 mb-4 p-2"
/> />
</> </>

4
app/space/editSpacePost/[zid]/page.jsx
View File

@ -295,7 +295,7 @@ export default function EditSpacePost() {
setFormData((old) => ({ ...old, content: value })) setFormData((old) => ({ ...old, content: value }))
} }
autoSize={{ minRows: 6, maxRows: 15 }} autoSize={{ minRows: 6, maxRows: 15 }}
style={{ "--font-size": "14px" }} style={{ "--font-size": "16px" }}
className="h-full bg-[#FFFFFF1A] rounded-2xl mt-2 mb-4 p-2" className="h-full bg-[#FFFFFF1A] rounded-2xl mt-2 mb-4 p-2"
/> />
</div> </div>
@ -317,7 +317,7 @@ export default function EditSpacePost() {
? formData.paidText.slice(1) ? formData.paidText.slice(1)
: formData.paidText : formData.paidText
} }
style={{ "--font-size": "14px" }} style={{ "--font-size": "16px" }}
className="bg-[#FFFFFF1A] rounded-2xl mt-2 mb-4 p-2 h-full" className="bg-[#FFFFFF1A] rounded-2xl mt-2 mb-4 p-2 h-full"
/> />
</div> </div>

19
app/space/setting/[mid]/page.js
View File

@ -133,7 +133,8 @@ export default function Setting() {
<div <div
className="flex justify-between items-center" className="flex justify-between items-center"
onClick={() => { onClick={() => {
router.push("spaceIntroSetting/" + streamerInfo.mid); streamerInfo?.visitor_role == 3 &&
router.push("spaceIntroSetting/" + streamerInfo.mid);
}} }}
> >
<div className="flex items-center"> <div className="flex items-center">
@ -171,11 +172,17 @@ export default function Setting() {
</ul> </ul>
</div> </div>
</div> </div>
<FontAwesomeIcon <div
icon={faAngleRight} className={`${
size="xl" streamerInfo?.visitor_role == 3 ? "visible" : "invisible"
style={{ maxWidth: "12px" }} }`}
/> >
<FontAwesomeIcon
icon={faAngleRight}
size="xl"
style={{ maxWidth: "12px" }}
/>
</div>
</div> </div>
<ul className="mt-6"> <ul className="mt-6">
<li> <li>

11
app/space/setting/spaceIntroSetting/[mid]/page.jsx
View File

@ -3,7 +3,7 @@
import OwnInput from "@/components/OwnInput"; import OwnInput from "@/components/OwnInput";
import { Button, Divider, TextArea, Toast } from "antd-mobile"; import { Button, Divider, TextArea, Toast } from "antd-mobile";
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";
import { useRouter, useSearchParams,useParams } from "next/navigation"; import { useRouter, useSearchParams, useParams } from "next/navigation";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faAngleRight, faAngleLeft } from "@fortawesome/free-solid-svg-icons"; import { faAngleRight, faAngleLeft } from "@fortawesome/free-solid-svg-icons";
import { getStreamerInfo } from "@/api/space"; import { getStreamerInfo } from "@/api/space";
@ -17,8 +17,8 @@ export default function SpaceIntroSetting() {
const [spaceIntro, setSpaceIntro] = useState(""); const [spaceIntro, setSpaceIntro] = useState("");
useEffect(() => { useEffect(() => {
// const _data = decodeURIComponent(searchParams.get("data")); // const _data = decodeURIComponent(searchParams.get("data"));
const {mid} = params const { mid } = params;
getStreamerInfo(parseInt(mid,10)).then((res) => { getStreamerInfo(parseInt(mid, 10)).then((res) => {
setData(res); setData(res);
setSpaceIntro(res?.profile); setSpaceIntro(res?.profile);
}); });
@ -90,7 +90,10 @@ export default function SpaceIntroSetting() {
onChange={(value) => setSpaceIntro(value)} onChange={(value) => setSpaceIntro(value)}
placeholder="介绍下你的空间吧～" placeholder="介绍下你的空间吧～"
className="h-32 bg-[#FFFFFF1A] text-white rounded-2xl mt-2 p-2" className="h-32 bg-[#FFFFFF1A] text-white rounded-2xl mt-2 p-2"
style={{ "--placeholder-color": "#FFFFFF80" }} style={{
"--placeholder-color": "#FFFFFF80",
"--font-size": "16px",
}}
/> />
<Divider /> <Divider />
<div <div

22
app/streamerPosts/createPost/page.jsx
View File

@ -63,12 +63,15 @@ export default function CreatePost() {
//提交数据 //提交数据
if (isSubmitting) return; if (isSubmitting) return;
setIsSubmitting(true); setIsSubmitting(true);
const { content, imageAssets, videoAssets} = formData; const { content, imageAssets, videoAssets } = formData;
const newImageMedia = imageAssets.filter((it) => it.id == undefined); const newImageMedia = imageAssets.filter((it) => it.id == undefined);
const type = formData.imageAssets.length > 0 ? 1 : 2; const type = formData.imageAssets.length > 0 ? 1 : 2;
const media = await multiUploadImage(type==1?newImageMedia:videoAssets, type); const media = await multiUploadImage(
type == 1 ? newImageMedia : videoAssets,
type
);
// const media = await multiUploadImage(imageAssets); // const media = await multiUploadImage(imageAssets);
if(type==1){ if (type == 1) {
media.image_ids = [ media.image_ids = [
...imageAssets.filter((it) => it.id != undefined).map((it) => it.id), ...imageAssets.filter((it) => it.id != undefined).map((it) => it.id),
...media.image_ids, ...media.image_ids,
@ -80,9 +83,14 @@ export default function CreatePost() {
media_component: media, media_component: media,
status: 2, status: 2,
}; };
const data = await requireAPI("POST", "/api/moment/create", { const data = await requireAPI(
body, "POST",
},true); "/api/moment/create",
{
body,
},
true
);
if (data.ret === -1) { if (data.ret === -1) {
Toast.show({ Toast.show({
icon: "fail", icon: "fail",
@ -139,7 +147,7 @@ export default function CreatePost() {
onChange={(value) => onChange={(value) =>
setFormData((old) => ({ ...old, content: value })) setFormData((old) => ({ ...old, content: value }))
} }
style={{ "--font-size": "14px" }} style={{ "--font-size": "16px" }}
className="h-full bg-[#FFFFFF1A] rounded-2xl mt-2 mb-4 p-2" className="h-full bg-[#FFFFFF1A] rounded-2xl mt-2 mb-4 p-2"
/> />
</div> </div>

4
components/OwnInput/index.js
View File

@ -14,7 +14,7 @@ export default function OwnInput({
disabled = false, disabled = false,
className, className,
inputClassName = "", inputClassName = "",
fontSize, fontSize = 16,
id, id,
}) { }) {
return ( return (
@ -29,7 +29,7 @@ export default function OwnInput({
onChange={(e) => onChange(e.target?.value)} onChange={(e) => onChange(e.target?.value)}
value={value} value={value}
className={`w-full placeholder:text-[#FFFFFF80] ${inputClassName}`} className={`w-full placeholder:text-[#FFFFFF80] ${inputClassName}`}
style={{ fontSize: `${fontSize || 16}px` }} style={{ fontSize: `${fontSize}px!important` }}
/> />
{clearable && value != "" && ( {clearable && value != "" && (
<div className="w-4 h-4 absolute right-2 top-[2px] flex justify-center items-center bg-[#ffffff33] p-1 rounded-full"> <div className="w-4 h-4 absolute right-2 top-[2px] flex justify-center items-center bg-[#ffffff33] p-1 rounded-full">