From c462126d2eaf08e95c7bbb7f5db0a1a826356a75 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期四, 28 十一月 2024 15:08:13 +0800
Subject: [PATCH] Merge branch 'master' of http://139.186.142.91:10010/r/productDev/funingyunwei
---
h5/pages/polling/detail.vue | 204 +++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 204 insertions(+), 0 deletions(-)
diff --git a/h5/pages/polling/detail.vue b/h5/pages/polling/detail.vue
new file mode 100644
index 0000000..e2415e9
--- /dev/null
+++ b/h5/pages/polling/detail.vue
@@ -0,0 +1,204 @@
+<template>
+ <view class="main_app">
+ <view class="head_bg"></view>
+ <view class="info">
+ <image v-if="true" class="icon" src="@/static/side/ic_dabiaoed.png" mode=""></image>
+ <image v-else class="icon" src="@/static/side/ic_dabiao.png" mode=""></image>
+ <view class="head">
+ <view class="name">宸℃璁″垝</view>
+ <view class="status">寰呭紑濮�</view>
+ </view>
+ <view class="line">
+ <view class="la">浠诲姟鏃ユ湡锛�</view>
+ <view class="val">2023-23-23</view>
+ </view>
+ <view class="line">
+ <view class="la">鎵ц鏃堕棿锛�</view>
+ <view class="val">2023-23-23</view>
+ </view>
+ <view class="line">
+ <view class="la">瀹屾垚鎯呭喌锛�</view>
+ <view class="val">2023-23-23</view>
+ </view>
+ </view>
+ <view class="title">宸℃鐐瑰垪琛�(1)</view>
+ <view class="list">
+ <view class="item" v-for="i in 10" @click="itemClick()">
+ <view class="icon"></view>
+ <view class="content">
+ <view class="head">
+ <view>宸℃鐐�10</view>
+ <view class="status">寰呭贰妫�</view>
+ </view>
+ <view class="desc">宸℃鍐呭鏈�澶氬睍绀轰袱琛岋紝澶氱殑鐪佺暐宸℃鍐呭鏈�澶氬睍绀轰袱琛岋紝澶氱殑鐪佺暐宸℃鍐呭鏈�澶氬睍绀轰袱琛岋紝澶氱殑鐪佺暐宸℃鍐呭鏈�澶氬睍绀轰袱琛岋紝澶氱殑鐪佺暐宸℃鍐呭鏈�澶氬睍绀轰袱琛岋紝澶氱殑鐪佺暐宸℃鍐呭鏈�澶氬睍绀轰袱琛岋紝澶氱殑鐪佺暐
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="footer">
+ <view class="sub_btn">鎵爜宸℃</view>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+
+ };
+ },
+ methods: {
+ itemClick() {
+ uni.navigateTo({
+ url: '/pages/polling/point'
+ })
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+ page {
+ background: #F7F7F7;
+ }
+
+ .main_app {
+ padding: 30rpx;
+
+ .head_bg {
+ background: linear-gradient(180deg, #008BFF 0%, rgba(247, 247, 247, 0) 100%);
+ height: 240rpx;
+ width: 750rpx;
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+
+ .info {
+ width: 690rpx;
+ box-shadow: 0rpx 4rpx 16rpx 0rpx #E5E5E5;
+ border-radius: 20rpx;
+ opacity: 0.95;
+ padding: 30rpx 30rpx 10rpx;
+ margin-bottom: 40rpx;
+ background: linear-gradient(#FFFFFF 0%, #FFFFFF 48%, #F0F5FF 100%);
+ position: relative;
+ .icon{
+ position: absolute;
+ right: 30rpx;
+ bottom: 30rpx;
+ width: 160rpx;
+ height: 122rpx;
+ }
+ .head {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 30rpx;
+
+ .name {
+ font-weight: 600;
+ font-size: 34rpx;
+ }
+
+ .status {
+ color: $primaryColor;
+ }
+ }
+
+ .line {
+ display: flex;
+ margin-bottom: 20rpx;
+
+ .la {
+ color: #666666;
+ }
+ }
+ }
+
+ .title {
+ font-weight: 600;
+ font-size: 32rpx;
+ color: #222222;
+ margin-bottom: 30rpx;
+ }
+
+ .list {
+ height: calc( 100vh - 720rpx ) ;
+ overflow: auto;
+ .item {
+ width: 690rpx;
+ height: 188rpx;
+ background: linear-gradient(#FFFFFF 0%, #FFFFFF 48%, #F0F5FF 100%);
+ box-shadow: 0rpx 4rpx 12rpx 0rpx #E5E5E5;
+ border-radius: 12rpx;
+ opacity: 0.95;
+ display: flex;
+ padding: 20rpx 30rpx 0 16rpx;
+ margin-bottom: 20rpx;
+
+ .icon {
+ width: 10rpx;
+ height: 148rpx;
+ background: $primaryColor;
+ border-radius: 6rpx;
+ margin-right: 24rpx;
+ }
+
+ .content {
+ flex: 1;
+
+ .head {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ font-weight: 500;
+ font-size: 32rpx;
+ margin-bottom: 16rpx;
+
+ .status {
+ offset-anchor: 28rpx;
+ color: $primaryColor;
+ font-weight: 400;
+ }
+ }
+
+ .desc {
+ font-size: 26rpx;
+ color: #666666;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ width: 100%;
+ }
+ }
+ }
+ }
+ .footer{
+ position: fixed;
+ bottom: 0rpx;
+ left: 0rpx;
+ width: 750rpx;
+ height: 172rpx;
+ background-color: #fff;
+ padding: 20rpx 40rpx;
+ .sub_btn {
+
+ width: 670rpx;
+ height: 88rpx;
+ background: $primaryColor;
+ box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(0, 104, 255, 0.3);
+ border-radius: 44rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-weight: 500;
+ font-size: 32rpx;
+ color: #FFFFFF;
+ }
+ }
+
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.3