Spaces:
Sleeping
Sleeping
Commit
·
55bf905
1
Parent(s):
3ab238e
Update huazuihongchen.py
Browse files- huazuihongchen.py +47 -3
huazuihongchen.py
CHANGED
@@ -41,11 +41,11 @@ def image_to_base64(img_path):
|
|
41 |
return base64.b64encode(image_file.read()).decode()
|
42 |
|
43 |
|
44 |
-
st.set_page_config(page_title="花醉红尘", page_icon="🌞", layout='centered', initial_sidebar_state='auto')
|
45 |
|
46 |
# 首页
|
47 |
st.markdown(
|
48 |
-
f'# <a href="https://huazuihongchen.cn/" target="_self"><img src="data:image/jpeg;base64,{image_to_base64(os.path.join("huazuihongchen_logo_block.png"))}" alt="Image" width="52px" height="86px" style="border-radius: 8px; box-shadow: 0px 0px 0px rgba(0,0,0,0.1);"/></a> 花醉红尘
|
49 |
unsafe_allow_html=True)
|
50 |
st.subheader('', anchor=False, divider='red')
|
51 |
st.video('huazuihongchen.mp4', format="video/mp4", start_time=0)
|
@@ -71,7 +71,7 @@ brand_story.markdown('**愿爱永葆这份朝气。**')
|
|
71 |
|
72 |
|
73 |
st.markdown('## 系列产品')
|
74 |
-
tab1, tab2, tab3 = st.tabs(["告白款 -
|
75 |
with tab1:
|
76 |
st.markdown(
|
77 |
f'<img src="data:image/jpeg;base64,{image_to_base64(os.path.join("告白款菊花酒.jpg"))}" alt="Image" style="max-width: 100%; width: 100%; height: auto; border-radius: 10px; display: block; box-shadow: 5px 5px 15px rgba(0,0,0,0.3);"/>',
|
@@ -105,6 +105,50 @@ with tab3:
|
|
105 |
st.markdown('品牌:花醉红尘')
|
106 |
st.markdown('价格:¥128.00')
|
107 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
108 |
tab1, tab2, tab3, tab4, tab5, tab6, tab7 = st.tabs(["婚庆款 - 樱花醉", "婚庆款 - 洛神花酒", "婚庆款 - 桂花酒", "婚庆款 - 玫瑰花酒", "婚庆款 - 茉莉花酒", "婚庆款 - 菊花酒", "婚庆款 - 桃花醉"])
|
109 |
with tab1:
|
110 |
st.markdown(
|
|
|
41 |
return base64.b64encode(image_file.read()).decode()
|
42 |
|
43 |
|
44 |
+
st.set_page_config(page_title="花醉红尘 — 花酒果酒连锁品牌", page_icon="🌞", layout='centered', initial_sidebar_state='auto')
|
45 |
|
46 |
# 首页
|
47 |
st.markdown(
|
48 |
+
f'# <a href="https://huazuihongchen.cn/" target="_self"><img src="data:image/jpeg;base64,{image_to_base64(os.path.join("huazuihongchen_logo_block.png"))}" alt="Image" width="52px" height="86px" style="border-radius: 8px; box-shadow: 0px 0px 0px rgba(0,0,0,0.1);"/></a> 花醉红尘 — 花酒果酒连锁品牌',
|
49 |
unsafe_allow_html=True)
|
50 |
st.subheader('', anchor=False, divider='red')
|
51 |
st.video('huazuihongchen.mp4', format="video/mp4", start_time=0)
|
|
|
71 |
|
72 |
|
73 |
st.markdown('## 系列产品')
|
74 |
+
tab1, tab2, tab3, tab4, tab5, tab6, tab7 = st.tabs(["告白款 - 菊花酒", "告白款 - 桃花醉", "告白款 - 桂花酒", "告白款 - 茉莉花酒", "告白款 - 洛神花酒", "告白款 - 樱花醉", "告白款 - 玫瑰花酒"])
|
75 |
with tab1:
|
76 |
st.markdown(
|
77 |
f'<img src="data:image/jpeg;base64,{image_to_base64(os.path.join("告白款菊花酒.jpg"))}" alt="Image" style="max-width: 100%; width: 100%; height: auto; border-radius: 10px; display: block; box-shadow: 5px 5px 15px rgba(0,0,0,0.3);"/>',
|
|
|
105 |
st.markdown('品牌:花醉红尘')
|
106 |
st.markdown('价格:¥128.00')
|
107 |
|
108 |
+
with tab4:
|
109 |
+
st.markdown(
|
110 |
+
f'<img src="data:image/jpeg;base64,{image_to_base64(os.path.join("告白款茉莉花酒.jpg"))}" alt="Image" style="max-width: 100%; width: 100%; height: auto; border-radius: 10px; display: block; box-shadow: 5px 5px 15px rgba(0,0,0,0.3);"/>',
|
111 |
+
unsafe_allow_html=True)
|
112 |
+
st.markdown('')
|
113 |
+
st.markdown('### 告白款 - 茉莉花酒')
|
114 |
+
st.markdown('类型:花酒')
|
115 |
+
st.markdown('规格:500ml')
|
116 |
+
st.markdown('品牌:花醉红尘')
|
117 |
+
st.markdown('价格:¥128.00')
|
118 |
+
|
119 |
+
with tab5:
|
120 |
+
st.markdown(
|
121 |
+
f'<img src="data:image/jpeg;base64,{image_to_base64(os.path.join("告白款洛神花酒.jpg"))}" alt="Image" style="max-width: 100%; width: 100%; height: auto; border-radius: 10px; display: block; box-shadow: 5px 5px 15px rgba(0,0,0,0.3);"/>',
|
122 |
+
unsafe_allow_html=True)
|
123 |
+
st.markdown('')
|
124 |
+
st.markdown('### 告白款 - 洛神花酒')
|
125 |
+
st.markdown('类型:花酒')
|
126 |
+
st.markdown('规格:500ml')
|
127 |
+
st.markdown('品牌:花醉红尘')
|
128 |
+
st.markdown('价格:¥128.00')
|
129 |
+
|
130 |
+
with tab6:
|
131 |
+
st.markdown(
|
132 |
+
f'<img src="data:image/jpeg;base64,{image_to_base64(os.path.join("告白款樱花醉.jpg"))}" alt="Image" style="max-width: 100%; width: 100%; height: auto; border-radius: 10px; display: block; box-shadow: 5px 5px 15px rgba(0,0,0,0.3);"/>',
|
133 |
+
unsafe_allow_html=True)
|
134 |
+
st.markdown('')
|
135 |
+
st.markdown('### 告白款 - 樱花醉')
|
136 |
+
st.markdown('类型:果酒')
|
137 |
+
st.markdown('规格:500ml')
|
138 |
+
st.markdown('品牌:花醉红尘')
|
139 |
+
st.markdown('价格:¥128.00')
|
140 |
+
|
141 |
+
with tab7:
|
142 |
+
st.markdown(
|
143 |
+
f'<img src="data:image/jpeg;base64,{image_to_base64(os.path.join("告白款玫瑰花酒.jpg"))}" alt="Image" style="max-width: 100%; width: 100%; height: auto; border-radius: 10px; display: block; box-shadow: 5px 5px 15px rgba(0,0,0,0.3);"/>',
|
144 |
+
unsafe_allow_html=True)
|
145 |
+
st.markdown('')
|
146 |
+
st.markdown('### 告白款 - 玫瑰花酒')
|
147 |
+
st.markdown('类型:果酒')
|
148 |
+
st.markdown('规格:500ml')
|
149 |
+
st.markdown('品牌:花醉红尘')
|
150 |
+
st.markdown('价格:¥128.00')
|
151 |
+
|
152 |
tab1, tab2, tab3, tab4, tab5, tab6, tab7 = st.tabs(["婚庆款 - 樱花醉", "婚庆款 - 洛神花酒", "婚庆款 - 桂花酒", "婚庆款 - 玫瑰花酒", "婚庆款 - 茉莉花酒", "婚庆款 - 菊花酒", "婚庆款 - 桃花醉"])
|
153 |
with tab1:
|
154 |
st.markdown(
|