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

修改样式

This commit is contained in:
al 2024-10-23 13:52:52 +08:00
parent 6c3b9fb936
commit b9d571a55d
11 changed files with 146 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -51,7 +51,7 @@ const ListItemWithCheckbox = ({
<span className="mr-1 text-[#ffffffae] text-sm">¥</span>
<OwnInput
type="number"
className="text-2xl"
fontSize="22"
value={formData.superSingle[superSingle.key].price}
onChange={(value) => {
const newFormData = { ...formData };
@ -61,7 +61,7 @@ const ListItemWithCheckbox = ({
/>
</div>
<div className="flex items-center">
<span className="text-[#ffffffae] mr-2">|</span>
<span className="text-[#ffffff26] mr-2">|</span>
<Checkbox
block
checked={formData.superSingle[superSingle.key].wechatFree}
@ -71,7 +71,7 @@ const ListItemWithCheckbox = ({
setFormData(newFormData);
}}
>
<p className="text-sm">赠送微信</p>
<p className="text-sm whitespace-nowrap">赠送微信</p>
</Checkbox>
</div>
</div>
@ -238,14 +238,16 @@ export default function CreateProfile() {
}}
/>
</div>
<p className="text-base text-center leading-9">空间付费设置</p>
<p className="text-base text-center leading-9 whitespace-nowrap">
空间付费设置
</p>
</div>
{/* 内容 */}
<div className="pt-16 p-4">
<div>
<div className="flex justify-between items-center">
<p className="text-sm">
<span>空间介绍</span>
<span className="whitespace-nowrap">空间介绍</span>
<span className="text-[#f00]">*</span>
</p>
<p className="text-[#ffffffae] text-xs"></p>
@ -262,7 +264,7 @@ export default function CreateProfile() {
</div>
<div className="mt-6">
<div className="flex justify-between items-center">
<p className="text-sm">
<p className="text-sm whitespace-nowrap">
<span>解锁空间价格</span>
<span className="text-[#f00]">*</span>
</p>
@ -273,20 +275,17 @@ export default function CreateProfile() {
<div className="mt-2 px-4 py-3 h-12 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center">
<div className="flex items-center">
<span className="mr-1 text-[#ffffffae] text-sm">¥</span>
{!spacePriceAble ? (
<span className="text-2xl">{formData.spacePrice}</span>
) : (
<OwnInput
type="number"
value={formData.spacePrice}
onChange={(value) =>
setFormData((old) => ({ ...old, spacePrice: value }))
}
/>
)}
<OwnInput
type="number"
fontSize="22"
value={formData.spacePrice}
onChange={(value) =>
setFormData((old) => ({ ...old, spacePrice: value }))
}
/>
</div>
<p
className="text-[#ffffffae] text-xs"
className="text-[#ffffffae] text-xs whitespace-nowrap"
onClick={() => setSpacePriceAble(true)}
>
点击编辑
@ -295,7 +294,7 @@ export default function CreateProfile() {
</div>
<div className="mt-3">
<div className="flex justify-between items-center">
<p className="text-sm">
<p className="text-sm whitespace-nowrap">
<span>铁粉价格</span>
<span className="text-[#f00]">*</span>
</p>
@ -306,20 +305,17 @@ export default function CreateProfile() {
<div className="mt-2 px-4 py-3 h-12 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center">
<div className="flex items-center">
<span className="mr-1 text-[#ffffffae] text-sm">¥</span>
{!tiefenPriceAble ? (
<span className="text-2xl">{formData.ironFanPrice}</span>
) : (
<OwnInput
type="number"
value={formData.ironFanPrice}
onChange={(value) =>
setFormData((old) => ({ ...old, ironFanPrice: value }))
}
/>
)}
<OwnInput
type="number"
fontSize="22"
value={formData.ironFanPrice}
onChange={(value) =>
setFormData((old) => ({ ...old, ironFanPrice: value }))
}
/>
</div>
<p
className="text-[#ffffffae] text-xs"
className="text-[#ffffffae] text-xs whitespace-nowrap"
onClick={() => setTiefenPriceAble(true)}
>
点击编辑

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

@ -622,20 +622,17 @@ export default function EditHome() {
<div className="mt-2 px-4 py-3 h-12 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center">
<div className="flex items-center">
<span className="mr-1 text-[#ffffffae] text-sm">¥</span>
{!spacePriceAble ? (
<span className="text-2xl">{formData.wechatPrice}</span>
) : (
<OwnInput
type="number"
value={formData.wechatPrice}
onChange={(value) =>
setFormData((old) => ({ ...old, wechatPrice: value }))
}
/>
)}
<OwnInput
type="number"
fontSize="22"
value={formData.wechatPrice}
onChange={(value) =>
setFormData((old) => ({ ...old, wechatPrice: value }))
}
/>
</div>
<p
className="text-[#ffffffae] text-xs"
className="text-[#ffffffae] text-xs whitespace-nowrap"
onClick={() => setSpacePriceAble(true)}
>
点击编辑

3
app/my/page.js
View File

@ -12,7 +12,6 @@ const My = () => {
const [userInfo, setUserInfo] = useState({});
const router = useRouter();
const [streamerNavigates, setStreamerNavigates] = useState([]);
const [isInJoinProgress, setIsInJoinProgress] = useState(false);
const [userNavigates, setUserNavigates] = useState([]);
useEffect(() => {
const userInfo = get("account");
@ -391,7 +390,7 @@ const My = () => {
</div>
)}
{/* 普通用户 */}
{!!streamerNavigates.length && (
{!!userNavigates.length && (
<div className="rounded-xl p-2 border-2 border-[#2c2b2f]">
<ul>
{userNavigates.map((item) => (

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

@ -897,20 +897,17 @@ export default function CompleteStreamerInformation() {
<div className="mt-2 px-4 py-3 h-12 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center">
<div className="flex items-center">
<span className="mr-1 text-[#ffffffae] text-sm">¥</span>
{!spacePriceAble ? (
<span className="text-2xl">{formData.wechatPrice}</span>
) : (
<OwnInput
type="number"
value={formData.wechatPrice}
onChange={(value) =>
setFormData((old) => ({ ...old, wechatPrice: value }))
}
/>
)}
<OwnInput
type="number"
fontSize="22"
value={formData.wechatPrice}
onChange={(value) =>
setFormData((old) => ({ ...old, wechatPrice: value }))
}
/>
</div>
<p
className="text-[#ffffffae] text-xs"
className="text-[#ffffffae] text-xs whitespace-nowrap"
onClick={() => setSpacePriceAble(true)}
>
点击编辑

7
app/space/[id]/page.js
View File

@ -672,7 +672,12 @@ export default function PersonSpace() {
<p className="mt-2">发视频</p>
</div>
</div>
<p className="pt-4 text-center border-t border-[#ffffff40]">取消</p>
<p
className="pt-4 text-center border-t border-[#ffffff40]"
onClick={() => setCreatePostMask(false)}
>
取消
</p>
</Popup>
</div>
);

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

@ -288,7 +288,7 @@ export default function CreateImagePost() {
setPriceEditData((old) => ({ ...old, price: value }))
}
value={priceEditData.price}
className="flex-1 bg-[#FFFFFF1A] text-white rounded-2xl px-4 h-8 mx-2"
className="flex-1 bg-transparent text-white rounded-2xl h-8 mx-2"
/>
</div>
<span
@ -319,7 +319,7 @@ export default function CreateImagePost() {
}))
}
value={priceEditData.imageVisibleRange}
className="bg-[#FFFFFF1A] text-white rounded-2xl px-4 mx-2 h-8"
// className="bg-transparent text-white rounded-2xl px-4 mx-2 h-8"
/>
</div>
<span className="text-white text-base font-medium">张</span>
@ -348,6 +348,9 @@ export default function CreateImagePost() {
isCreatingPaidText: value,
}));
}}
style={{
"--checked-color": "#FF669E",
}}
/>
</div>
<div className="flex items-center my-1">
@ -362,6 +365,9 @@ export default function CreateImagePost() {
isFreeForIronfan: value,
}))
}
style={{
"--checked-color": "#FF669E",
}}
/>
</div>
</>

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

@ -277,7 +277,7 @@ export default function CreateVideoPost() {
setPriceEditData((old) => ({ ...old, price: value }))
}
value={priceEditData.price}
className="flex-1 bg-[#FFFFFF1A] text-white rounded-2xl px-4 h-8 mx-2"
className="flex-1 bg-transparent text-white rounded-2xl h-8 mx-2"
/>
</div>
<span
@ -303,6 +303,9 @@ export default function CreateVideoPost() {
isCreatingPaidText: value,
}));
}}
style={{
"--checked-color": "#FF669E",
}}
/>
</div>
<div className="flex items-center my-1">
@ -317,6 +320,9 @@ export default function CreateVideoPost() {
blurCover: value,
}));
}}
style={{
"--checked-color": "#FF669E",
}}
/>
</div>
<div className="flex items-center my-1">
@ -331,6 +337,9 @@ export default function CreateVideoPost() {
isFreeForIronfan: value,
}))
}
style={{
"--checked-color": "#FF669E",
}}
/>
</div>
</>

48
app/space/setting/spacePaymentSetting/page.jsx
View File

@ -61,7 +61,7 @@ const ListItemWithCheckbox = ({
/>
</div>
<div className="flex items-center">
<span className="text-[#ffffffae] mr-2">|</span>
<span className="text-[#ffffff26] mr-2">|</span>
<Checkbox
block
checked={formData.superSingle[superSingle.key].wechatFree}
@ -71,7 +71,7 @@ const ListItemWithCheckbox = ({
setFormData(newFormData);
}}
>
<p className="text-sm">赠送微信</p>
<p className="text-sm whitespace-nowrap">赠送微信</p>
</Checkbox>
</div>
</div>
@ -263,18 +263,18 @@ export default function spacePaymentSetting() {
<div className="pt-16 p-4">
<div>
<div className="flex justify-between items-center">
<p className="text-sm">
<p className="text-sm whitespace-nowrap">
<span>解锁空间价格</span>
<span className="text-[#f00]">*</span>
</p>
<p className="text-[#ffffffae] text-xs">
<p className="text-[#ffffffb3] text-xs">
（成为空间成员，可查看免费帖）
</p>
</div>
<div className="mt-2 px-4 py-3 h-12 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center">
<div className="flex items-center">
<span className="mr-1 text-[#ffffffae] text-sm">¥</span>
{!spacePriceAble ? (
{/* {!spacePriceAble ? (
<span className="text-2xl">{formData.spacePrice}</span>
) : (
<OwnInput
@ -284,10 +284,18 @@ export default function spacePaymentSetting() {
setFormData((old) => ({ ...old, spacePrice: value }))
}
/>
)}
)} */}
<OwnInput
type="number"
fontSize="22"
value={formData.spacePrice}
onChange={(value) =>
setFormData((old) => ({ ...old, spacePrice: value }))
}
/>
</div>
<p
className="text-[#ffffffae] text-xs"
className="text-[#ffffff40] text-xs whitespace-nowrap"
onClick={() => setSpacePriceAble(true)}
>
点击编辑
@ -296,31 +304,33 @@ export default function spacePaymentSetting() {
</div>
<div className="mt-3">
<div className="flex justify-between items-center">
<p className="text-sm">
<p className="text-sm whitespace-nowrap">
<span>铁粉价格</span>
<span className="text-[#f00]">*</span>
</p>
<p className="text-[#ffffffae] text-xs">
<p className="text-[#ffffffb3] text-xs">
（累计空间内消费达标可成为，铁粉可查看相关帖）
</p>
</div>
<div className="mt-2 px-4 py-3 h-12 rounded-[0.8rem] bg-[#FFFFFF1a] flex justify-between items-center">
<div className="flex items-center">
<span className="mr-1 text-[#ffffffae] text-sm">¥</span>
{!tiefenPriceAble ? (
{/* {!tiefenPriceAble ? (
<span className="text-2xl">{formData.ironFanPrice}</span>
) : (
<OwnInput
type="number"
value={formData.ironFanPrice}
onChange={(value) =>
setFormData((old) => ({ ...old, ironFanPrice: value }))
}
/>
)}
)} */}
<OwnInput
type="number"
fontSize="22"
value={formData.ironFanPrice}
onChange={(value) =>
setFormData((old) => ({ ...old, ironFanPrice: value }))
}
/>
</div>
<p
className="text-[#ffffffae] text-xs"
className="text-[#ffffff40] text-xs whitespace-nowrap"
onClick={() => setTiefenPriceAble(true)}
>
点击编辑

4
components/OwnInput/index.js
View File

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

43
components/PostItem/index.js
View File

@ -20,6 +20,7 @@ export default function PostItem({
}) {
const router = useRouter();
const [isOpenText, setIsOpenText] = useState(false);
const [popoverVisible, setPopoverVisible] = useState(false);
const [isFollow, setIsFollow] = useState(data.is_followed);
const [isThumbsUp, setIsThumbsUp] = useState(
data?.is_thumbed_up || data?.is_zone_moment_thumbed_up
@ -96,6 +97,37 @@ export default function PostItem({
} catch (error) {
console.error(error);
} finally {
setPopoverVisible(false);
}
};
//置顶
const handleTop = async () => {
try {
const body = {
zone_moment_ids: [data.id],
op_type: data.is_headed ? 0 : 1,
};
const _data = await requireAPI("POST", "/api/zone_moment/head", {
body,
});
if (_data.ret === -1) {
Toast.show({
icon: "fail",
content: _data.msg,
position: "top",
});
return;
}
Toast.show({
icon: "success",
content: "操作成功，请刷新页面查看",
position: "top",
});
return;
} catch (error) {
console.error(error);
} finally {
setPopoverVisible(false);
}
};
return (
@ -332,9 +364,16 @@ export default function PostItem({
</span>
</div>
<Popover
visible={popoverVisible}
stopPropagation={["click", "touchstart"]}
destroyOnHide={true}
style={{ "--background": "#1E1C29" }}
content={
<ul>
<li className="py-1 px-4" onClick={handleTop}>
{data.is_headed ? "取消置顶" : "置顶"}
</li>
<hr className="border-[#ffffff2b] my-1" />
<li
className="py-1 px-4"
onClick={() => {
@ -365,7 +404,9 @@ export default function PostItem({
trigger="click"
placement="left"
>
<span className="mr-2">···</span>
<span className="mr-2" onClick={() => setPopoverVisible(true)}>
···
</span>
</Popover>
</div>
</div>

2
components/UploadImgs/index.js
View File

@ -110,6 +110,8 @@ export default function UploadImgs({
const url = URL.createObjectURL(file);
videoD.src = url;
videoD.addEventListener("loadeddata", function () {
videoD.currentTime = 0;
videoD.pause(); // 可选：确保视频在重置后不会自动播放
const canvas = document.createElement("canvas");
canvas.width = videoD.videoWidth;
canvas.height = videoD.videoHeight;