123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>分享梦想页</title>
- <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
- <style>
- body{
- padding: 0;
- margin: 0;
- }
- p{
- -webkit-margin-before: 0.1em;
- -webkit-margin-after: 0.1em;
- }
- </style>
- </head>
- <body>
- <h4 style="text-align: center; font-weight: normal; width: 100%; border-bottom: 1px solid #DEDEDE; padding-bottom: 15px">分享梦想页</h4>
- <img style="width: 100%; height: 100%;" src="{{!empty($dream->img) ? $dream->img->pic : ''}}
- ">
- <p style="font-size: 17px; padding: 0 10px">{{$dream->name}}</p>
- <div style="border-bottom: 1px solid #DEDEDE">
- <p style="font-size: 13px; padding: 0 10px; color: #919191">
- {{mb_substr($dream->about,0,8)}} ...
- </p>
- {{-- <p style="text-align: center">
- <img src="/base/img/down.svg" alt="">
- <img src="/base/img/up.svg" alt="">
- </p>--}}
- </div>
- <div style="border-bottom: 1px solid #DEDEDE; height: 50px; padding: 5px 10px;">
- <div style="float:left;">
- <p>{{$days}}</p>
- <p style="font-size: 13px; color: #919191">剩余时间</p>
- </div>
- <div style="float:right;">
- <p style="text-align: right">{{$dream->mark}}</p>
- <p style="font-size: 13px;; color: #919191">当前获得梦想分数</p>
- </div>
- </div>
- <div style="clear:both; height: 50px; padding: 5px 10px;">
- <div style="float:left;">
- <p>{{$dream->get_coin}}</p>
- <p style="font-size: 13px; color: #919191">目前已获梦想币</p>
- </div>
- <div style="float:right;">
- <p style="text-align: right">{{$dream->coin}}</p>
- <p style="font-size: 13px; color: #919191">我要求的梦想币</p>
- </div>
- </div>
- <div style="padding: 0 10px">
- <div style="background-color:#E6E6E6; width: 100%;">
- <div style="width: {{($dream->get_coin / $dream->coin)}} %; background: #FF6600; height: 5px">
- </div>
- </div>
- </div>
- </body>
- </html>
|