| xqd
@@ -3,6 +3,7 @@
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>分享梦想页</title>
|
|
|
+ <script src="/base/js/jquery-2.1.1.min.js"></script>
|
|
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
|
|
|
<style>
|
|
|
body{
|
| xqd
@@ -22,13 +23,14 @@
|
|
|
">
|
|
|
<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 id="about" style="font-size: 13px; padding: 0 10px; color: #919191;white-space: nowrap">
|
|
|
+ {!! $dream->about !!}
|
|
|
+ {{--{{mb_substr($dream->about,0,8)}} ...--}}
|
|
|
+ </p>
|
|
|
+ <p style="text-align: center">
|
|
|
+ <img src="/base/img/down.svg" alt="" id="down">
|
|
|
+ <img src="/base/img/up.svg" alt="" id="up">
|
|
|
</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;">
|
| xqd
@@ -57,4 +59,19 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</body>
|
|
|
-</html>
|
|
|
+</html>
|
|
|
+<script>
|
|
|
+ $(function () {
|
|
|
+ $('#up').hide();
|
|
|
+ $('#up').click(function () {
|
|
|
+ $(this).hide();
|
|
|
+ $('#down').show();
|
|
|
+ $('#about').css('white-space','nowrap');
|
|
|
+ });
|
|
|
+ $('#down').click(function () {
|
|
|
+ $(this).hide();
|
|
|
+ $('#up').show();
|
|
|
+ $('#about').css('white-space','normal');
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|