优化:小更新
This commit is contained in:
parent
0a355db7b0
commit
4dcb4a9d11
@ -1,279 +0,0 @@
|
||||
{
|
||||
"version": "2.6",
|
||||
"children": [
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "bi8Au",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"name": "Login Page",
|
||||
"theme": {
|
||||
"Mode": "Light",
|
||||
"Base": "Neutral",
|
||||
"Accent": "Default"
|
||||
},
|
||||
"clip": true,
|
||||
"width": 800,
|
||||
"height": 600,
|
||||
"fill": "#f8b6b6ff",
|
||||
"layout": "none",
|
||||
"children": [
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "loginCard",
|
||||
"x": 216,
|
||||
"y": 36,
|
||||
"width": 305,
|
||||
"height": 533,
|
||||
"fill": "#f9ebebff",
|
||||
"cornerRadius": 8,
|
||||
"stroke": {
|
||||
"align": "inside",
|
||||
"thickness": 1,
|
||||
"fill": "#000000"
|
||||
},
|
||||
"layout": "vertical",
|
||||
"gap": 24,
|
||||
"padding": 24,
|
||||
"children": [
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "logoContainer",
|
||||
"width": "fill_container",
|
||||
"layout": "vertical",
|
||||
"justifyContent": "center",
|
||||
"alignItems": "center",
|
||||
"children": [
|
||||
{
|
||||
"type": "text",
|
||||
"id": "logo",
|
||||
"fill": "#000000",
|
||||
"content": "PolyMarket",
|
||||
"lineHeight": 1.2,
|
||||
"textAlign": "center",
|
||||
"textAlignVertical": "middle",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 24,
|
||||
"fontWeight": "600"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "titleContainer",
|
||||
"width": "fill_container",
|
||||
"layout": "vertical",
|
||||
"gap": 8,
|
||||
"children": [
|
||||
{
|
||||
"type": "text",
|
||||
"id": "title",
|
||||
"fill": "#000000",
|
||||
"content": "Sign in to your account",
|
||||
"lineHeight": 1.5,
|
||||
"textAlign": "center",
|
||||
"textAlignVertical": "middle",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 18,
|
||||
"fontWeight": "500"
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"id": "subtitle",
|
||||
"fill": "#000000",
|
||||
"content": "Enter your email and password to sign in",
|
||||
"lineHeight": 1.4285714285714286,
|
||||
"textAlign": "center",
|
||||
"textAlignVertical": "middle",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 14,
|
||||
"fontWeight": "normal"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "emailInputGroup",
|
||||
"width": "fill_container",
|
||||
"layout": "vertical",
|
||||
"gap": 6,
|
||||
"children": [
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "emailLabelContainer",
|
||||
"width": "fill_container",
|
||||
"alignItems": "center",
|
||||
"children": [
|
||||
{
|
||||
"type": "text",
|
||||
"id": "emailLabel",
|
||||
"fill": "#000000",
|
||||
"content": "Email",
|
||||
"lineHeight": 1.4285714285714286,
|
||||
"textAlignVertical": "middle",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 14,
|
||||
"fontWeight": "500"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "emailInput",
|
||||
"width": "fill_container",
|
||||
"height": 40,
|
||||
"fill": "#000000",
|
||||
"cornerRadius": 6,
|
||||
"stroke": {
|
||||
"align": "inside",
|
||||
"thickness": 1,
|
||||
"fill": "#000000"
|
||||
},
|
||||
"padding": [
|
||||
8,
|
||||
12
|
||||
],
|
||||
"children": [
|
||||
{
|
||||
"type": "text",
|
||||
"id": "emailPlaceholder",
|
||||
"fill": "#000000",
|
||||
"content": "your.email@example.com",
|
||||
"lineHeight": 1.4285714285714286,
|
||||
"textAlignVertical": "middle",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 14,
|
||||
"fontWeight": "normal"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "passwordInputGroup",
|
||||
"width": "fill_container",
|
||||
"layout": "vertical",
|
||||
"gap": 6,
|
||||
"children": [
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "W4jnH",
|
||||
"width": "fill_container",
|
||||
"justifyContent": "space_between",
|
||||
"alignItems": "center",
|
||||
"children": [
|
||||
{
|
||||
"type": "text",
|
||||
"id": "passwordLabel",
|
||||
"fill": "#000000",
|
||||
"content": "Password",
|
||||
"lineHeight": 1.4285714285714286,
|
||||
"textAlignVertical": "middle",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 14,
|
||||
"fontWeight": "500"
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"id": "forgotPassword",
|
||||
"fill": "#000000",
|
||||
"content": "Forgot password?",
|
||||
"lineHeight": 1.4285714285714286,
|
||||
"textAlign": "right",
|
||||
"textAlignVertical": "middle",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 14,
|
||||
"fontWeight": "normal"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "passwordInput",
|
||||
"width": "fill_container",
|
||||
"height": 40,
|
||||
"fill": "#000000",
|
||||
"cornerRadius": 6,
|
||||
"stroke": {
|
||||
"align": "inside",
|
||||
"thickness": 1,
|
||||
"fill": "#000000"
|
||||
},
|
||||
"padding": [
|
||||
8,
|
||||
12
|
||||
],
|
||||
"children": [
|
||||
{
|
||||
"type": "text",
|
||||
"id": "passwordPlaceholder",
|
||||
"fill": "#000000",
|
||||
"content": "••••••••",
|
||||
"lineHeight": 1.4285714285714286,
|
||||
"textAlignVertical": "middle",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 14,
|
||||
"fontWeight": "normal"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "signInButton",
|
||||
"width": "fill_container",
|
||||
"height": 40,
|
||||
"fill": "#000000",
|
||||
"cornerRadius": 6,
|
||||
"gap": 6,
|
||||
"padding": [
|
||||
8,
|
||||
16
|
||||
],
|
||||
"justifyContent": "center",
|
||||
"alignItems": "center",
|
||||
"children": [
|
||||
{
|
||||
"type": "text",
|
||||
"id": "signInText",
|
||||
"fill": "#000000",
|
||||
"content": "Sign in",
|
||||
"lineHeight": 1.4285714285714286,
|
||||
"textAlign": "center",
|
||||
"textAlignVertical": "middle",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 14,
|
||||
"fontWeight": "500"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "createAccountContainer",
|
||||
"width": "fill_container",
|
||||
"layout": "vertical",
|
||||
"justifyContent": "center",
|
||||
"alignItems": "center",
|
||||
"children": [
|
||||
{
|
||||
"type": "text",
|
||||
"id": "createAccount",
|
||||
"fill": "#000000",
|
||||
"content": "Create account",
|
||||
"lineHeight": 1.4285714285714286,
|
||||
"textAlign": "center",
|
||||
"textAlignVertical": "middle",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 14,
|
||||
"fontWeight": "normal"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -1,215 +0,0 @@
|
||||
{
|
||||
"version": "2.6",
|
||||
"children": [
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "simpleMarketCard",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"name": "Simple Market Card",
|
||||
"theme": {
|
||||
"Mode": "Light",
|
||||
"Base": "Neutral",
|
||||
"Accent": "Default"
|
||||
},
|
||||
"enabled": false,
|
||||
"clip": true,
|
||||
"width": 350,
|
||||
"height": 200,
|
||||
"fill": "#ffffffff",
|
||||
"layout": "none"
|
||||
},
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "marketCard",
|
||||
"x": 20,
|
||||
"y": 20,
|
||||
"width": 310,
|
||||
"height": 160,
|
||||
"fill": "#ffffffff",
|
||||
"cornerRadius": 8,
|
||||
"stroke": {
|
||||
"align": "inside",
|
||||
"thickness": 1,
|
||||
"fill": "#e7e7e7ff"
|
||||
},
|
||||
"layout": "none",
|
||||
"children": [
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "marketImage",
|
||||
"x": 12,
|
||||
"y": 12,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"fill": "#f0f0f0",
|
||||
"cornerRadius": 4,
|
||||
"layout": "none"
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"id": "marketTitle",
|
||||
"x": 60,
|
||||
"y": 12,
|
||||
"name": "Mamdan opens city-owned grocery store b...",
|
||||
"fill": "#000000",
|
||||
"textGrowth": "fixed-width-height",
|
||||
"width": 169,
|
||||
"height": 16,
|
||||
"content": "Mamdan opens city-owned grocery store b...",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 14,
|
||||
"fontWeight": "500"
|
||||
},
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "chanceContainer",
|
||||
"x": 258,
|
||||
"y": 12,
|
||||
"width": 42,
|
||||
"height": 40,
|
||||
"layout": "none",
|
||||
"children": [
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "progressBar",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"fill": "#ffffff",
|
||||
"cornerRadius": 20,
|
||||
"stroke": {
|
||||
"align": "center",
|
||||
"thickness": 4,
|
||||
"fill": "#e0e0e0"
|
||||
},
|
||||
"layout": "none",
|
||||
"children": [
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "progressFill",
|
||||
"x": 2,
|
||||
"y": 2,
|
||||
"width": 36,
|
||||
"height": 36,
|
||||
"fill": "#ffffff",
|
||||
"cornerRadius": 18,
|
||||
"stroke": {
|
||||
"align": "center",
|
||||
"thickness": 4,
|
||||
"fill": "#ff0000"
|
||||
},
|
||||
"layout": "none"
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"id": "chanceValue",
|
||||
"x": 10,
|
||||
"y": 12,
|
||||
"fill": "#ff0000",
|
||||
"content": "17%",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 12,
|
||||
"fontWeight": "600"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"id": "chanceLabel",
|
||||
"x": 0,
|
||||
"y": 42,
|
||||
"fill": "#808080",
|
||||
"content": "chance",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 10,
|
||||
"fontWeight": "normal"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "optionYes",
|
||||
"x": 12,
|
||||
"y": 72,
|
||||
"width": 149,
|
||||
"height": 40,
|
||||
"fill": "#e6f9e6",
|
||||
"cornerRadius": 4,
|
||||
"layout": "none",
|
||||
"children": [
|
||||
{
|
||||
"type": "text",
|
||||
"id": "optionTextYes",
|
||||
"x": 61,
|
||||
"y": 10,
|
||||
"fill": "#008000",
|
||||
"content": "Yes",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 16,
|
||||
"fontWeight": "500"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "frame",
|
||||
"id": "optionNo",
|
||||
"x": 166,
|
||||
"y": 72,
|
||||
"width": 132,
|
||||
"height": 40,
|
||||
"fill": "#ffe6e6",
|
||||
"cornerRadius": 4,
|
||||
"layout": "none",
|
||||
"children": [
|
||||
{
|
||||
"type": "text",
|
||||
"id": "optionTextNo",
|
||||
"x": 55,
|
||||
"y": 10,
|
||||
"fill": "#ff0000",
|
||||
"content": "No",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 16,
|
||||
"fontWeight": "500"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "text",
|
||||
"id": "marketInfo",
|
||||
"x": 12,
|
||||
"y": 124,
|
||||
"fill": "#808080",
|
||||
"content": "$155k Vol.",
|
||||
"fontFamily": "Inter",
|
||||
"fontSize": 12,
|
||||
"fontWeight": "normal"
|
||||
},
|
||||
{
|
||||
"type": "icon_font",
|
||||
"id": "giftIcon",
|
||||
"x": 240,
|
||||
"y": 124,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"iconFontName": "gift",
|
||||
"iconFontFamily": "mdi",
|
||||
"fill": "#808080"
|
||||
},
|
||||
{
|
||||
"type": "icon_font",
|
||||
"id": "bookmarkIcon",
|
||||
"x": 270,
|
||||
"y": 124,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"iconFontName": "bookmark",
|
||||
"iconFontFamily": "mdi",
|
||||
"fill": "#808080"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -153,10 +153,6 @@
|
||||
<span v-if="props.isNew" class="new-badge">+ NEW</span>
|
||||
{{ marketInfo }}
|
||||
</span>
|
||||
<div class="icons-container">
|
||||
<v-icon class="gift-icon" size="16">mdi-gift</v-icon>
|
||||
<v-icon class="bookmark-icon" size="16">mdi-bookmark</v-icon>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</v-card>
|
||||
@ -511,19 +507,6 @@ function openTradeMulti(side: 'yes' | 'no', outcome: EventCardOutcome) {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.icons-container {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.gift-icon {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.bookmark-icon {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
/* 多选项:左右滑动区域,整体靠底对齐;预留底部 padding 避免与 bottom-section 重叠 */
|
||||
.multi-section {
|
||||
display: flex;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user