Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
D
duiba-h5-frame
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
江思志
duiba-h5-frame
Commits
e00bb42f
Commit
e00bb42f
authored
Apr 11, 2019
by
jsz315
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
去掉转发名片开关,内容页布局修改
parent
d74d30eb
Changes
6
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
160 additions
and
38 deletions
+160
-38
h5info.json
mock/kjy/mp/content/h5info.json
+33
-1
package.json
package.json
+1
-1
home.less
src/pages/kejiji/webview/content/page/home.less
+92
-19
home.vue
src/pages/kejiji/webview/content/page/home.vue
+27
-9
today.less
src/pages/kejiji/webview/daily/page/today.less
+6
-6
tsconfig.json
tsconfig.json
+1
-2
No files found.
mock/kjy/mp/content/h5info.json
View file @
e00bb42f
{
"success"
:
true
,
"code"
:
"000000"
,
"desc"
:
"OK"
,
"timestamp"
:
1554101961666
,
"data"
:{
"scId"
:
383
,
"id"
:
125
,
"title"
:
"知否,知否,当代女性该如何配置保险,才能伴你一生无忧?"
,
"type"
:
"article"
,
"mainImgUrl"
:
"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1553835536940&di=bd7f202e69feb3897cd7d88da71d5d56&imgtype=0&src=http%3A%2F%2Fn.sinaimg.cn%2Ffront%2F600%2Fw900h500%2F20190105%2F-dB--hrfcctm7326649.png"
,
"readNum"
:
46
,
"sharedNum"
:
43
,
"releaseTime"
:
1554100369000
,
"source"
:
"文文大保贝儿"
,
"sourceUrl"
:
"https://mp.weixin.qq.com/s/MOr-mwJ2rOilD8pTyD1N0Q"
,
"showCard"
:
1
,
"text"
:
"<div id=
\"
js_article
\"
class=
\"
rich_media
\"
><div class=
\"
rich_media_inner
\"
><div id=
\"
page-content
\"
class=
\"
rich_media_area_primary
\"
><div class=
\"
rich_media_area_primary_inner
\"
><p style=
\"
line-height: 1.75em;
\"
></p><section class=
\"
xmteditor
\"
style=
\"
display:none;
\"
data-tools=
\"
新媒体管家
\"
data-label=
\"
powered by xmt.cn
\"
></section><p></p><section data-tools=
\"
新媒体管家
\"
data-label=
\"
powered by xmt.cn
\"
></section><section data-tools=
\"
新媒体管家
\"
data-label=
\"
powered by xmt.cn
\"
></section><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>最近几年,最火的电视剧作品,当属“大女主”系列了。<br/></span></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>从“嬛嬛”到“芈月”,从“楚乔”到“社会你魏姐”,大女主系列的作品收割了一批又一批的少女心与收视率。</span></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>永远能够逢凶化吉的剧情,永远帅气多金还痴情的男主男配,以及永远集万千宠爱于一身的女主,可以说是一路升级打怪,妥妥的晋升人生赢家阵营。</span></p><p><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>说起来,古代女性的一生还是“简单”的,不比男儿可以建功立业,对于大多数女性而言,一生也不过就是“愿得一人心,白首不相离”。</span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>纵然是《知否》里聪慧通透的盛明兰,她的人生,依然无法对抗封建礼教的束缚。</span></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>只是,盛明兰是非常聪明的,她很清楚,只依靠他人的生活注定是卑微而痛苦的,她活的很明白,也很清楚自己要什么,以及不要什么。</span></p><p><br/></p><p style=
\"
line-height: 1.75em; text-align: center;
\"
><img class=
\"\"
data-copyright=
\"
0
\"
data-ratio=
\"
1.4475524475524475
\"
data-s=
\"
300,640
\"
data-type=
\"
png
\"
data-w=
\"
429
\"
style=
\"\"
src=
\"
https://yun.duiba.com.cn/kjy/image/6351fbe5d3cc45c4a45690f82b9b3bd4.png
\"
/></p><p><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>不同于古代女性的一生全部任务都是“相夫教子”,当代女性身上都担负着“女儿”、“妻子”、“母亲”的多重角色,不仅要在家相夫教子,在外还要打拼事业,可以说是承担着双重压力。</span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>而除了繁重的家务工作,老一代人根深蒂固的“重男轻女”思想,环绕在职场的“性别歧视”潜规则等等,也让当代女性常常感到“亚历山大”。</span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>看来,从古至今,追求独立自由的女性,都在走一条很艰难的路啊。</span></p><p><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>在不同的人生阶段,女性会扮演不同的角色,因此,在人生的各个阶段,女性所需要的保障重点也是不同的。</span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>但是,无论是什么年龄段的女性,重疾险、医疗险、意外险等保障型的险种,都是必备的险种。等到保障类的产品配齐了,可以再进行养老类产品的选择。</span></p><p><br/></p><p style=
\"
line-height: 1.75em; text-align: center;
\"
><span style=
\"
color: rgb(255, 0, 0); font-size: 14px;
\"
><strong>单身女性,如何选择保险产品?</strong></span></p><p><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>对于很多刚刚离开大学步入社会的单身女性来说,面临的主要问题大多都是初入职场的收入不稳定、未来前景的不明确等等,这个时候,选择保险应该主要以保障自己为主。</span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>在这个阶段,可以选择<span style=
\"
font-size: 14px; color: rgb(255, 0, 0);
\"
>纯消费型的住院医疗险、防癌险等低保费、高杠杆的保险产品</span>,保费最好控制在年收入的10%以内,做到“以小博大”,用较少的钱起到较好的保障作用。</span></p><p><br/></p><p style=
\"
line-height: 1.75em; text-align: center;
\"
><span style=
\"
color: rgb(255, 0, 0); font-size: 14px;
\"
><strong>已婚职业女性,如何选择保险产品?</strong></span></p><p><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>对于已婚的职业女性,工作基本已经步入正轨,也开始对生活有了更加长远的规划。在这一阶段,可以根据个人的收入水平和另一半的经济状况购买一些险种。</span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>女性在这一阶段,应该将<span style=
\"
font-size: 14px; color: rgb(255, 0, 0);
\"
>重疾险、医疗险以及寿险</span>放在首位,而且保障期限最好长一些。在购买充足的保障类产品之后,如果仍有预算,可以考虑购买养老类产品和分红类产品。</span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>如果暂时收入不高,可以选择意外险以及价格较低的健康险。在预算有限的情况下,即使缩短保障年限,也要尽可能的提高保额。在今后收入增加后,可以再根据当时的实际情况进行加保。</span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>女性在这个阶段,在重疾险的选择上可以采用“储蓄型(终身重大疾病险种)+消费型(定期重大疾病险种)”的组合,用较小的资金成本,使自己获得更大的重疾保障,尽可能规避掉生活主要收入来源丧失带来的风险。</span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>对于收入较高的女性,除了要为自己配置完善的健康保险之外,还应该增加寿险的投入。</span></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>当然了,已婚女性的保险配置,最好能和家庭成员进行共同规划。</span></p><p><br/></p><p style=
\"
line-height: 1.75em; text-align: center;
\"
><span style=
\"
color: rgb(255, 0, 0); font-size: 14px;
\"
><strong>怀孕期间,如何选择保险产品?</strong></span></p><p><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>如果需要保险保障,那么最好在准备怀孕前就进行投保,这样的话,保险的保障可以涵盖整个怀孕期间的。<span style=
\"
font-size: 14px; letter-spacing: 0.034em;
\"
>如果等到怀孕之后在进行投保,则可能会在产品选择等方面面临一些限制,医疗险等险种一般就不再接受投保了。</span></span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>此外,孕妇朋友们,还可以投保<span style=
\"
font-size: 14px; color: rgb(255, 0, 0);
\"
>专门的“母婴险”</span>,对妊娠期特定疾病、新生儿的先天性疾病以及一些特定疾病进行一定的保障。</span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>投保母婴险是因为,在新生儿出生后,如果有先天性疾病,就会成为所有保险的免除责任。因此,具有先天性疾病责任的母婴险,就成为了新生儿获得先天性疾病保障的唯一机会。</span></p><p><br/></p><p style=
\"
line-height: 1.75em; text-align: center;
\"
><span style=
\"
color: rgb(255, 0, 0); font-size: 14px;
\"
><strong>全职太太,如何选择保险产品?</strong></span></p><p><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>对于全职太太而言,家庭的主要经济来源甚至唯一的经济来源,都依赖于自己的丈夫,那么,在投保时,应该<span style=
\"
font-size: 14px; color: rgb(255, 0, 0);
\"
>主要考虑为自己的丈夫配置保险产品</span>。</span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>并不是说全职太太就不重要,而是说,在这样一个人生阶段,应该着重购买丈夫的人身保险,加强意外险以及失能保障。</span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>在为丈夫配置完善的保险之后,如果还有多余的资金,可以再为自己配置相应的保险产品。<span style=
\"
font-size: 14px; letter-spacing: 0.034em;
\"
>对于每位全职太太来说,“未雨绸缪,防患未然”是最需要考虑的大事。给每一位家庭成员选择合适的保险,不仅是对家庭爱与责任的最好体现,同时还可以让我们的家庭生活品质锦上添花。</span></span></p><p><br/></p><p style=
\"
line-height: 1.75em; text-align: center;
\"
><span style=
\"
color: rgb(255, 0, 0); font-size: 14px;
\"
><strong>单亲妈妈,如何选择保险产品?</strong></span></p><p><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>对于单亲妈妈而言,经济上的压力可能是比较大的。那么,对于单亲妈妈来说,自身的疾病保障就是最基本的保障需求。我们很能够理解,担心孩子是每一位母亲的天性,但是,对于单亲妈妈来说,<span style=
\"
font-size: 14px; color: rgb(255, 0, 0);
\"
>一定要着重给母亲自己先配保险,然后再给孩子配保险</span>。</span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>要记住,对于孩子来说,妈妈就是自己唯一的依靠了,只有母亲自己配置好充足的保障,才能够更好地照顾孩子。</span></p><p style=
\"
line-height: 1.75em;
\"
><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>同时,对于单亲妈妈来说,孩子的教育费用及医疗费用也是重点要关注的部分。因此,单亲妈妈在配置完自己的保险产品之后,子女的医疗保险以及重大疾病保险也是非常需要关注的部分。</span></p><p><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>对于当代女性而言,社会真的太苛刻了。又要“貌美如花”,又要“赚钱养家”,还要不断进步,时刻保证不会被社会所淘汰。</span></p><p><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>不过,尽管前路道阻且长,可是当今女性,终于不用再像古代女性一样只能通过婚姻获得后半生的生活保障了,这是时代的发展与进步带给女性最大的红利。</span></p><p><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>现在,文文看到身边想要单身的朋友单身,想要恋爱的朋友就恋爱,想要结婚的人就去结婚,想要生孩子的姐妹就去生孩子,大家可以按照自己的心意,做自己想要做的事情,就觉得这个时代真的变得很好,很好。</span></p><p><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>通过配置合适的保险产品,可以用很少的钱有效的转移未来的各种不确定,不失为一种很好的资产配置方式。</span></p><p><br/></p><p style=
\"
line-height: 1.75em;
\"
><span style=
\"
font-size: 14px;
\"
>女神们,你可以选择依靠父母,也可以选择依靠老公,但是最重要的是,自己也要给自己一份安全感,让自己在全力拼搏的时候,可以遇见更好的自己。</span></p><p style=
\"
line-height: 1.75em;
\"
><span style=font-size: 14px;></span></p></div></div></div></div>"
,
"head"
:
"<meta http-equiv='Content-Type' content='text/html; charset=utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <meta name='viewport' content='width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover'> <meta name='apple-mobile-web-app-capable' content='yes'> <meta name='apple-mobile-web-app-status-bar-style' content='black'> <meta name='format-detection' content='telephone=no'><link rel='shortcut icon' type='image/x-icon' href='//res.wx.qq.com/a/wx_fed/assets/res/NTI4MWU5.ico'> <link rel='mask-icon' href='//res.wx.qq.com/a/wx_fed/assets/res/MjliNWVm.svg' color='#4C4C4C'> <link rel='apple-touch-icon-precomposed' href='//res.wx.qq.com/a/wx_fed/assets/res/OTE0YTAw.png'> <link rel='dns-prefetch' href='//res.wx.qq.com'> <link rel='dns-prefetch' href='//mmbiz.qpic.cn'> <link rel='shortcut icon' type='image/x-icon' href='//res.wx.qq.com/a/wx_fed/assets/res/NTI4MWU5.ico'> <link rel='mask-icon' href='//res.wx.qq.com/a/wx_fed/assets/res/MjliNWVm.svg' color='#4C4C4C'> <link rel='apple-touch-icon-precomposed' href='//res.wx.qq.com/a/wx_fed/assets/res/OTE0YTAw.png'><style>.radius_avatar{display:inline-block;background-color:#fff;padding:3px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;overflow:hidden;vertical-align:middle}.radius_avatar img{display:block;width:100%;height:100%;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color:#eee}.rich_media_inner{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.rich_media_area_primary{padding:20px 16px 12px;background-color:#fafafa}.rich_media_area_primary.voice{padding-top:66px}.rich_media_area_primary .weui-loadmore_line .weui-loadmore__tips{color:rgba(0,0,0,0.3);background-color:#fafafa}.rich_media_area_extra{padding:0 16px 24px}.rich_media_extra{padding-top:30px}.mpda_bottom_container .rich_media_extra{padding-top:24px}.mpda_bottom_container .rich_media_extra .mpad_more_list{right:-10px}.code-snippet{margin:10px 0;display:block;overflow-x:auto;font-size:14px;padding:1em 1em 1em 3em;color:#333;position:relative;background-color:#fafafa;border:1px solid #f0f0f0;border-radius:2px;counter-reset:line;white-space:normal;-webkit-overflow-scrolling:touch}.code-snippet code{text-align:left;font-size:14px;display:block;white-space:pre-wrap;position:relative;font-family:Consolas,'Liberation Mono',Menlo,Courier,monospace}.code-snippet code::before{position:absolute;min-width:1.5em;text-align:right;left:-2.5em;counter-increment:line;content:counter(line);display:inline;margin-right:12px;color:rgba(0,0,0,0.15)}.code-snippet_nowrap code{white-space:pre;display:flex}.code-snippet__fix{font-size:14px;margin:10px 0;display:block;color:#333;position:relative;background-color:rgba(0,0,0,0.03);border:1px solid #f0f0f0;border-radius:2px;display:flex;line-height:26px}.code-snippet__fix pre{overflow-x:auto;padding:1em;padding-left:0;white-space:normal;flex:1;-webkit-overflow-scrolling:touch}.code-snippet__fix code{text-align:left;font-size:14px;display:block;white-space:pre;display:flex;position:relative;font-family:Consolas,'Liberation Mono',Menlo,Courier,monospace}.code-snippet__fix .code-snippet__line-index{counter-reset:line;flex-shrink:0;height:100%;padding:1em;list-style-type:none}.code-snippet__fix .code-snippet__line-index li{list-style-type:none;text-align:right}.code-snippet__fix .code-snippet__line-index li::before{min-width:1.5em;text-align:right;left:-2.5em;counter-increment:line;content:counter(line);display:inline;color:rgba(0,0,0,0.15)}.code-snippet__comment,.code-snippet__quote{color:#afafaf;font-style:italic}.code-snippet__keyword,.code-snippet__selector-tag,.code-snippet__subst{color:#ca7d37}.code-snippet__number,.code-snippet__literal,.code-snippet__variable,.code-snippet__template-variable,.code-snippet__tag .code-snippet__attr{color:#0e9ce5}.code-snippet__string,.code-snippet__doctag{color:#d14}.code-snippet__title,.code-snippet__section,.code-snippet__selector-id{color:#d14}.code-snippet__subst{font-weight:normal}.code-snippet__type,.code-snippet__class .code-snippet__title{color:#0e9ce5}.code-snippet__tag,.code-snippet__name,.code-snippet__attribute{color:#0e9ce5;font-weight:normal}.code-snippet__regexp,.code-snippet__link{color:#ca7d37}.code-snippet__symbol,.code-snippet__bullet{color:#d14}.code-snippet__built_in,.code-snippet__builtin-name{color:#ca7d37}.code-snippet__meta{color:#afafaf}.code-snippet__deletion{background:#fdd}.code-snippet__addition{background:#dfd}.code-snippet__emphasis{font-style:italic}.code-snippet__strong{font-weight:bold}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.6}body{-webkit-touch-callout:none;font-family:-apple-system-font,BlinkMacSystemFont,'Helvetica Neue','PingFang SC','Hiragino Sans GB','Microsoft YaHei UI','Microsoft YaHei',Arial,sans-serif;color:#333;background-color:#f2f2f2;letter-spacing:.034em}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:16px}*{margin:0;padding:0}a{color:#576b95;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rich_media_title{font-size:22px;line-height:1.4;margin-bottom:14px}@supports(-webkit-overflow-scrolling:touch){.rich_media_title{font-weight:700}}.rich_media_meta_list{margin-bottom:22px;line-height:20px;font-size:0;word-wrap:break-word;word-break:break-all}.rich_media_meta_list em{font-style:normal}.rich_media_meta{display:inline-block;vertical-align:middle;margin:0 10px 10px 0;font-size:15px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rich_media_meta.icon_appmsg_tag{margin-right:4px}.rich_media_meta.meta_tag_text{margin-right:0}.rich_media_meta_primary{display:block;margin-bottom:10px;font-size:15px}.meta_original_tag{padding:0 .5em;font-size:12px;line-height:1.4;background-color:#f2f2f2;color:#888}.meta_enterprise_tag img{width:30px;height:30px!important;display:block;position:relative;margin-top:-3px;border:0}.rich_media_meta_link{color:#576b95}.rich_media_meta_text{color:rgba(0,0,0,0.3)}.rich_media_meta_text.rich_media_meta_split{padding-left:10px}.rich_media_meta_text.rich_media_meta_split:before{position:absolute;top:50%;left:0;margin-top:-6px;content:' ';display:block;border-left:1px solid #888;width:200%;height:130%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:0 0;transform-origin:0 0}.rich_media_meta_text.article_modify_tag{position:relative}.rich_media_meta_nickname{position:relative}.rich_media_thumb_wrp{margin-bottom:6px}.rich_media_thumb_wrp .original_img_wrp{display:block}.rich_media_thumb{display:block;width:100%}.rich_media_content{overflow:hidden;color:#333;font-size:17px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:justify;position:relative;z-index:0}.rich_media_content *{max-width:100%!important;box-sizing:border-box!important;-webkit-box-sizing:border-box!important;word-wrap:break-word!important}.rich_media_content p{clear:both;min-height:1em}.rich_media_content em{font-style:italic}.rich_media_content fieldset{min-width:0}.rich_media_content .list-paddingleft-1,.rich_media_content .list-paddingleft-2,.rich_media_content .list-paddingleft-3{padding-left:2.2em}.rich_media_content .list-paddingleft-1 .list-paddingleft-2,.rich_media_content .list-paddingleft-2 .list-paddingleft-2,.rich_media_content .list-paddingleft-3 .list-paddingleft-2{padding-left:30px}.rich_media_content .list-paddingleft-1{padding-left:1.2em}.rich_media_content .list-paddingleft-3{padding-left:3.2em}.rich_media_content .code-snippet,.rich_media_content .code-snippet__fix{max-width:1000%!important}.rich_media_content .code-snippet *,.rich_media_content .code-snippet__fix *{max-width:1000%!important}img{height:auto!important}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait){.rich_media_area_extra{padding-bottom:34px}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape){.rich_media_area_primary{padding:20px 60px 15px 60px}.rich_media_area_extra{padding:0 60px 21px 60px}}@media screen and (min-width:1024px){.rich_media_area_primary_inner,.rich_media_area_extra_inner{max-width:677px;margin-left:auto;margin-right:auto}.rich_media_area_primary{padding-top:32px}}blockquote{padding-left:10px;border-left:3px solid #dbdbdb;color:rgba(0,0,0,0.5);font-size:15px;padding-top:4px;margin:1em 0}.blockquote_info{color:rgba(0,0,0,0.3);margin-top:1.1764705882352942em;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.blockquote_article{display:block}.appmsg_share_notice{font-size:16px;color:#888;position:relative;padding:1.25em 0;margin-bottom:1.75em}.appmsg_share_notice:before{content:' ';position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #dfdfdf;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.appmsg_share_notice:after{content:' ';position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #dfdfdf;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.appmsg_share_notice_hd{font-weight:700;padding-bottom:.2em}.cell{padding:.8em 0;display:block;position:relative}.cell_hd,.cell_bd,.cell_ft{display:table-cell;vertical-align:middle;word-wrap:break-word;word-break:break-all;white-space:nowrap}.cell_primary{width:2000px;white-space:normal}.flex_cell{padding:10px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex_cell_primary{width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;box-flex:1;flex:1}.original_tool_area{display:block;padding:.75em 1em 0;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#333;border:1px solid #eaeaea;margin:20px 0}.original_tool_area .tips_global{position:relative;padding-bottom:.5em;font-size:15px}.original_tool_area .tips_global:after{content:' ';position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #dbdbdb;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.original_tool_area .radius_avatar{width:27px;height:27px;padding:0;margin-right:.5em}.original_tool_area .radius_avatar img{height:100%!important}.original_tool_area .flex_cell_bd{width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.original_tool_area .flex_cell_ft{font-size:14px;color:#888;padding-left:1em;white-space:nowrap}.original_tool_area .icon_access:after{content:' ';display:inline-block;height:8px;width:8px;border-width:1px 1px 0 0;border-color:#cbcad0;border-style:solid;transform:matrix(0.71,0.71,-0.71,0.71,0,0);-ms-transform:matrix(0.71,0.71,-0.71,0.71,0,0);-webkit-transform:matrix(0.71,0.71,-0.71,0.71,0,0);position:relative;top:-2px;top:-1px}.rich_media_global_msg{position:fixed;top:0;left:0;right:0;padding:.85em 35px .85em 15px;z-index:2;background-color:#c6e0f8;color:#888;font-size:12px}.rich_media_global_msg .icon_closed{position:absolute;right:15px;top:50%;margin-top:-5px;line-height:300px;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent url(//res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/appmsg/icon_appmsg_msg_closed_sprite.2x42f400.png) no-repeat 0 0;width:11px;height:11px;vertical-align:middle;display:inline-block;-webkit-background-size:100% auto;background-size:100% auto}.rich_media_global_msg .icon_closed:active{background-position:0 -17px}.rich_media_global_msg.voice{color:#1aad19;background-color:#e8f6e8;padding-left:43.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rich_media_global_msg.voice .ic_voice{position:absolute;top:50%;margin-top:-10px;left:15px;display:inline-block;width:13.3px;height:18.3px;background:url(data:image/png;base64,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) no-repeat center;background-size:contain}.rich_media_global_msg.voice .icon_more{position:absolute;right:15px;top:50%;margin-top:-6.5px;width:8px;height:13px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAYAAADeB1slAAAAAXNSR0IArs4c6QAAA49JREFUSA2tVk1IVFEUPveOmhQk1ibfvLFZSJtACqJIIpCIoB+imcFV2Z9ZUVnRomgRGFn2i6mFf5XVotCZMYmgIMhlq6BFENFiwjfPAosgFzXOvNu5o3fmeue98Y16F3PP+c453/fu/xCQmvZSWwwJaC0G6P8WND9IoTmbVFRycpqAdgBWkwRo94V960RsPn1aoPpN9RI6CR0WsDWcjAErtUiqTR/S18+HnNcSTv5zYrwDSatVMgLkH6aciwfj79WYW5+OT4xfsyPnBIgvwt872qBW45ZQzaMlJXCfMPJbDQgfRUoIhduVUW2TwArpaWyX+bnYU9JAAH44FaJIccqCW76Ib7NTjhOOvFPN/8q/IvE3cR+npFJgao9rkiSUXjD2GCNqzMnPbNPYjth3mqINlJAvTsk4kiJmWa3eQe8WpxwVzwjwgFFn/CorL29EkY9qovC5CFDrKq7JVoHl6zNTJCf53/lLk78SN/FcbJRx2cZCixC4ZATGXsu4as8YgQjGamN/q5atOotn4K3A1J4BUMbgsh7Wt6sx2bcV4AkjtSPJxkDjRQL0hVwg21zEglSzN+rdKeOybTtFcgK39ajWZDFWr+IZHxfGQ8mV0YA5nMGmDVcCPNcb8R5gYJ1UCWQfp6PFCI4NyZhrAV6EIiHGrPOAB0ImkW2c0la8u8ICc0wUCWrvC1dsw+3TnN6uanDaJ4zeiIfiA9wtWIAX8XspxeA6iuBlaN88hNzCNXk+JwFOuXJYW5tMQmc+EcqgzXGb2n9XFk1NstX5yKczl89JAF+6vRaBM1m5XAu//qkRGrtb8BThTtqH2/V0LmUWwbvsiREw8X0vcJHxxNbjNm3KUuVaMjmPFuWm2CPesHc/kp+yj06hFMhj/PIOOcfVFLk6xZT0G3vMTpmc27MusityZk/OBfKOwA05MPLIDJn3OJldcxTQotpBYOyEXVEWIw/NoInvuHOznSJfVDs0GzneNw9mI+eyOSPQI9phfCqPO38TFhHaFw/Eu/LliNiMESB5w6zkzD05F8mMYJr8mFC263Fa+vAadvXloj4toEcrjlgMjgrQrseHpBcfkm67WD6M6MN6lTWZeoZjyYxGLcB57MGnsEfF3fjU2G189QBpcUqmBLrnSs4504s8GjLxrwm5qYrg3dKFf6x6VbwQ3yOS/wz8+bS0ruwfELaBY2nyoNkn4gvW65GKRn4WForwP+dONHDaOHeZAAAAAElFTkSuQmCC) no-repeat center;background-size:contain}.preview_appmsg .rich_media_title{margin-top:2.3em}@media screen and (min-width:1024px){.rich_media_global_msg{position:relative;margin-bottom:32px}.preview_appmsg .rich_media_title.rich_media_title{margin-top:0}}.pages_reset{color:#333;line-height:1.6;font-size:16px;font-weight:400;font-style:normal;text-indent:0;letter-spacing:normal;text-align:left;text-decoration:none;white-space:normal}.weapp_element,.weapp_display_element,.mp-miniprogram{display:block;margin:1em 0}.share_audio_context{margin:16px 0}.weapp_text_link{font-size:17px}.weapp_text_link:before{content:'';display:inline-block;line-height:1;background-size:contain;background-repeat:no-repeat;background-image:url('data:image/png;base64,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');vertical-align:middle;font-size:11px;color:#888;margin-right:6px;margin-top:-3px;background-position:center;height:20px;width:20px}.flex_context{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.flex_bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;word-wrap:break-word;word-break:break-all}.original_page{background-color:#fff;font-size:16px}.account_info{padding:0 0 20px}.account_info .flex_bd{padding-left:.85em}.radius_avatar.account_avatar{width:40px;height:40px;padding:0}.account_nickname{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:1.2;color:#576b95;font-size:14px}.account_nickname_inner{font-weight:400;vertical-align:top}.account_desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#b2b2b2;font-size:13px;line-height:1.2;padding-top:.3em}.account_desc_inner{display:inline;vertical-align:top}.share_notice{margin-bottom:20px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.share_media{padding-bottom:18px}.original_panel{padding:20px;background-color:#fcfcfc;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;position:relative}.original_panel:after{content:' ';border:1px solid #d8d8d8;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:0 0;transform-origin:0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.original_panel .original_account{margin-bottom:18px;position:relative;z-index:1}.original_panel .original_account_avatar{width:28px;height:28px;padding:0}.original_panel .original_account_nickname{padding-left:.85em;font-size:15px;color:#576b95}.original_panel_title{font-size:23px;color:#000;margin:0 0 16px}.original_panel_content{color:#333}.original_panel_tool{padding-top:20px;position:relative;z-index:1}.original_tool_area.disabled{padding:0}.original_tool_area.disabled .flex_cell_bd{-webkit-box-flex:initial;-webkit-flex:initial;-ms-flex:initial;box-flex:initial;flex:initial}.original_tool_area.disabled .flex_cell_ft{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;box-flex:1;flex:1;padding:0}.original_tool_area.disabled .original_tool_tips:after{content:':'}.original_tool_area.disabled .original_cell_nickname{color:rgba(0,0,0,0.3);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal;max-width:none;min-height:1.6em}.original_tool_area.disabled:before,.original_tool_area.disabled:after,.original_tool_area.disabled .radius_avatar,.original_tool_area.disabled .icon_access:after{display:none}.original_cell_nickname{display:inline-block;vertical-align:middle;font-weight:400;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:8em;color:#000}.original_tool_area{padding:1.17em 0;border-width:0;position:relative}.original_tool_area:before{content:' ';position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #dfdfdf;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.original_tool_area:after{content:' ';position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #dfdfdf;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.original_tool_area .radius_avatar{width:20px;height:20px;margin-right:.2em}.original_tool_area .flex_cell{padding:0;font-size:14px}.original_tool_area .icon_access:after{margin-right:4px;top:0}.preview_appmsg .rich_media_title{margin-top:1.5em}.preview_appmsg .account_info{padding-top:3em}.original_page{background-color:transparent}.account_info{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;padding-bottom:20px;font-size:14px}.account_info.appmsg_account_info{padding-bottom:32px}.account_info .radius_avatar img{background-color:transparent}.share_notice{font-size:16px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.original_panel{background-color:#fafafa}.original_panel:after{border-color:#e6e6e6}.original_panel .original_account_avatar{width:30px;height:30px}.original_panel_tool{font-size:14px}.original_panel_tool a{color:#576b95}.original_panel_content{font-size:17px}.share_media{padding-bottom:30px}.icon_appmsg_tag{display:inline-block;vertical-align:middle;padding:0 .5em;font-size:12px;line-height:1.5;background-color:#c3c3c3;color:#fff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:70%}.icon_appmsg_tag.primary{color:#3bb638;padding:4px .78em;background-color:rgba(9,187,7,0.08);font-size:12px;border-top-left-radius:.95em 50%;-moz-border-radius-topleft:.95em 50%;-webkit-border-top-left-radius:.95em 50%;border-top-right-radius:.95em 50%;-moz-border-radius-topright:.95em 50%;-webkit-border-top-right-radius:.95em 50%;border-bottom-left-radius:.95em 50%;-moz-border-radius-bottomleft:.95em 50%;-webkit-border-bottom-left-radius:.95em 50%;border-bottom-right-radius:.95em 50%;-moz-border-radius-bottomright:.95em 50%;-webkit-border-bottom-right-radius:.95em 50%}.icon_appmsg_tag.default{border:1px solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.3);background-color:transparent;padding:0 .54em;font-size:15px;line-height:1.3;border-top-left-radius:.67em 50%;-moz-border-radius-topleft:.67em 50%;-webkit-border-top-left-radius:.67em 50%;border-top-right-radius:.67em 50%;-moz-border-radius-topright:.67em 50%;-webkit-border-top-right-radius:.67em 50%;border-bottom-left-radius:.67em 50%;-moz-border-radius-bottomleft:.67em 50%;-webkit-border-bottom-left-radius:.67em 50%;border-bottom-right-radius:.67em 50%;-moz-border-radius-bottomright:.67em 50%;-webkit-border-bottom-right-radius:.67em 50%}.rich_media_meta_list .icon_appmsg_tag.default{margin-top:-1px}.icon_appmsg_tag.title_tag{background-color:#d04b4e}.icon_global_tag_wrp{text-align:right;padding-bottom:12px}.icon_global_tag{background-color:rgba(118,118,118,0.16);color:rgba(0,0,0,0.41);line-height:2.2;border-top-left-radius:1em 50%;-moz-border-radius-topleft:1em 50%;-webkit-border-top-left-radius:1em 50%;border-bottom-left-radius:1em 50%;-moz-border-radius-bottomleft:1em 50%;-webkit-border-bottom-left-radius:1em 50%;padding:0 1.8em 0 1.34em;font-size:12px;margin-right:-24px;display:inline-block;vertical-align:top}.global_plain_btn{display:inline-block;vertical-align:middle;padding:0 1em;line-height:2;font-size:14px;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.global_plain_btn.primary{color:#1aad19;border:1px solid currentColor}.global_plain_btn.primary:active{color:rgba(26,173,25,0.6)}.wx_video_context{color:#fefefe;position:relative;background-color:#000}.wx_video_thumb,.wx_video_thumb_primary{position:absolute;left:0;width:100%;height:100%!important;top:0}.wx_video_thumb_primary{-webkit-background-size:cover;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.wx_video_play_btn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:-2px;font-size:0;border-width:0;background-color:transparent;padding:0;outline:0;z-index:2}.wx_video_play_btn:before{content:' ';display:inline-block;width:0;height:0;border-width:14px 0 14px 25px;border-color:transparent transparent transparent #fff;border-style:dotted dotted dotted solid}.wx_video_mask{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:rgba(0,0,0,0.5)}.place_audio_area{min-height:100px;background-color:#fdfdfd;display:block;margin:16px 0}.place_music_area{min-height:68px;background-color:#fdfdfd;display:block;margin:17px 0 16px}.rich_media_empty_extra{background-color:#fafafa}.appmsg_skin_default.rich_media_empty_extra{background-color:#fff}.appmsg_skin_default .rich_media_area_primary{background-color:#fff}.appmsg_skin_default .rich_media_area_primary .weui-loadmore_line .weui-loadmore__tips{background-color:#fff}.appmsg_style_default .rich_media_tool{padding-top:15px}.rich_media_title_ios{font-weight:700}.read-more__area{margin:30px 0}.read-more__desc{margin-bottom:10px}.read-more__article__extra{font-size:14px;color:rgba(0,0,0,0.5)}.read-more__article__item{margin-bottom:10px}</style> <style> </style>"
,
"myself"
:
1
,
"notLogin"
:
0
,
"status"
:
2
,
"contentTag"
:
null
,
"sellerCardVO"
:{
"id"
:
1
,
"sellerName"
:
"张大师"
,
"wechatNumber"
:
""
,
"phoneNumber"
:
"13067789600"
,
"jobPost"
:
"销售经理"
,
"companyName"
:
"太平洋保险公司"
,
"avatar"
:
"http://thirdwx.qlogo.cn/mmopen/llBD0EjI0daJDA9A1Bzy4DxMKw2uovr70YgEDQMePY7CMBma6YCmBVianDcN6LfAh1IJswn9Emz1SZ8zz4sOdCjZ6trgYHYRl/132"
,
"wechatQrCode"
:
""
}}}
{
\ No newline at end of file
"success"
:
true
,
"code"
:
"000000"
,
"desc"
:
"OK"
,
"timestamp"
:
1552873917278
,
"data"
:
{
"scId"
:
233
,
"id"
:
57
,
"title"
:
"客集集早报| 重磅利好干货不断!总理记者会再提减税降费!"
,
"type"
:
"daily"
,
"mainImgUrl"
:
"//yun.dui88.com/kjy/image/20190316/1552708570000.jpg"
,
"readNum"
:
0
,
"sharedNum"
:
84
,
"releaseTime"
:
1552642105000
,
"source"
:
""
,
"sourceUrl"
:
""
,
"showCard"
:
0
,
"text"
:
"{
\"
todayFortune
\"
:{
\"
suitable
\"
:
\"
吃吃喝喝
\"
,
\"
avoid
\"
:
\"
走走停停
\"
,
\"
dailySaying
\"
:
\"
加班一时爽,一直加班一直爽
\"
},
\"
headlines
\"
:{
\"
title
\"
:
\"
奔驰、奥迪等外资汽车品牌3·15前夕集中召回紧急避祸
\"
,
\"
origin
\"
:
\"
https://wallstreetcn.com/articles/3494705
\"
,
\"
imageUrl
\"
:
\"\"
,
\"
des
\"
:
\"
3·15 前夕,多达 15 起外资品牌发起了汽车召回事件,涉及品牌近 14 家,车型近 50 多
\\
n款,召回数量多达 24 万辆 ... 颇为巧合的是,就在中消协公布汽车投诉涉及品牌榜单的第二天,
\\
n排在质量投诉榜第二名的奔驰就展开了大规模召回,大众、奥迪和东风本田则于 2 月最后一天,
\\
n不约而同宣布召回 ... 通过榜单不难发现,召回品牌以外资品牌为主,其中,北京奔驰和一汽 -
\\
n大众两家车企的产品召回数量最多,共计超过 16 万辆。
\"
,
\"
limit
\"
:{
\"
maxSize
\"
:1024}},
\"
domesticNews
\"
:[{
\"
title
\"
:
\"
315 晚会点名小额网贷紫兰科技,警方连夜带走公司负责人
\"
,
\"
origin
\"
:
\"
http://www.tmtpost.com/nictation/3821652.html
\"
,
\"
des
\"
:
\"
刚刚结束的央视 3·15 晚会曝光小额网贷「714 高炮」借款软件,高额「砍头息」、暴力催收乱
\\
n象。融 360、安徽紫兰科技公司被点名 ... 记者获悉,合肥辖区经侦大队已介入调查,安徽紫兰
\\
n科技有限公司相关负责人及央视曝光的「石经理」被带走调查。
\"
},{
\"
title
\"
:
\"
中消协:超七成参与网购评价的消费者遭遇默认好评
\"
,
\"
des
\"
:
\"
中国消费者协会 15 日发布的一份报告显示,受访者在网购时普遍会参考相关评论信息,不过超七成参与评价的受访者遭遇「默认好评」 ... 97.7% 的受访者在进行线上消费前都会查阅或参考相关评论,72.4% 的受访者遭遇平台或商家「默认好评」,35.6% 的人遇到过商家主动联系要求撤销或修改评价,34.2% 的人的评论会被隐藏或删除 ... 报告显示,受访用户对保健品类产品的不满意率最高,达到 28.6%。
\"
,
\"
origin
\"
:
\"
https://tech.sina.cn/i/gn/2019-03-15/detail-ihrfqzkc4034834.d.html?from=wap
\"
},{
\"
title
\"
:
\"
任正非:孟晚舟不会接班,两人关系在引渡事件后更加亲密
\"
,
\"
des
\"
:
\"
据外媒报道,华为创始人任正非在接受加拿大媒体采访时称,女儿孟晚舟不会接他的班,后者面
\\
n对美国引渡要求进行的艰苦斗争使两人的关系变得亲密起来 ... 任正非在华为深圳总部接受采访
\\
n时表示,孟晚舟是一名优秀的管理人,但一位领导者需要能够预见未来 10 年或者 20 年 ... 任正
\\
n非称,事实上在孟晚舟被捕前,她曾想过辞职。孟晚舟在获得保释后,目前在温哥华受监视居住。
\"
,
\"
origin
\"
:
\"
https://tech.sina.cn/i/gn/2019-03-15/detail-ihrfqzkc4034834.d.html?from=wap
\"
}],
\"
intelNews
\"
:[{
\"
title
\"
:
\"
韩国通过未成年人防沉迷法案:18 岁以下无法玩游戏
\"
,
\"
origin
\"
:
\"
https://tech.sina.cn/i/gj/2019-03-15/detail-ihsxncvh2767202.d.html?from=wap
\"
,
\"
des
\"
:
\"
近日,韩国通过了未成年人防沉迷法案,法案要求游戏服务商只能为成年人提供游戏服务,禁止
\\
n未成年人登录主机游戏商店,涉及 PSN、Xbox Live,以及还未在韩国正式上线的任天堂
\\
nSwitch Online 服务 ... 三家游戏服务商的网络服务全部被要求只能成人使用,18 岁以下的未成
\\
n年人无法上线联机、购买游戏以及 DLC,以达到防止青少年沉迷网络游戏,不利于青少年成长。
\"
},{
\"
title
\"
:
\"
传 SpaceX 猎鹰重型火箭将于 4 月 7 日执行第二次发射任务
\"
,
\"
des
\"
:
\"
北京时间 3 月 16 日早间消息,据 CNBC 报道,知情人士周五透露,SpaceX 的猎鹰重型火箭
\\
n计划在美国东部时间 4 月 7 日下午 6 点 36 分进行下一次发射 ... 这项名为 Arabsat 6A 的任务
\\
n将为沙特阿拉伯公司 Arabsat 发射一颗大型通信卫星 ... 猎鹰重型火箭 2018 年 2 月几乎完美的
\\
n完成了第一次发射任务,此次将是第二次发射。
\"
,
\"
origin
\"
:
\"
https://tech.sina.cn/i/gj/2019-03-15/detail-ihsxncvh2767202.d.html?from=wap
\"
}],
\"
socialNews
\"
:[{
\"
title
\"
:
\"
揭露五星酒店卫生乱象,中消协为「花总」颁发「啄木鸟奖」
\"
,
\"
origin
\"
:
\"
http://tech.ifeng.com/a/20190315/45464774_0.shtml
\"
,
\"
des
\"
:
\"
在「3.15 国际消费者权益日」这天,中消协主办「信用让消费更放心」主题活动并发布了《信用消费与消费者认知调查报告》 ... 活动中,中消协还向勇敢揭露五星级酒店卫生乱象的消费者 @花总丢了金箍棒 颁发了「啄木鸟奖」,并宣布启动「啄木鸟行动」,鼓励更多的消费者依法参与消费环境监督。
\"
},{
\"
title
\"
:
\"
2019 年我国有望实现全国 98% 行政村通 4G
\"
,
\"
des
\"
:
\"
近日,工信部印发《关于 2019 年信息通信行业行风建设暨纠风工作的指导意见》,计划年内力
\\
n争实现全国 98% 行政村通 4G,98% 贫困村通宽带 ... 《意见》提出,今年工信部将启动宽带
\\
n「双 G 双提」行动计划,推动中小企业宽带平均资费降低 15%、移动网络流量平均资费降低
\\
n20% ... 《意见》还针对综合整治骚扰电话、资费计费、用户个人信息保护和防范通讯信息诈骗
\\
n等社会关注热点问题提出了新的工作重点。
\"
,
\"
origin
\"
:
\"
https://tech.sina.cn/i/gj/2019-03-15/detail-ihsxncvh2767202.d.html?from=wap
\"
}],
\"
footerImage
\"
:
\"
//yun.dui88.com/kjy/image/20190315/1552640707109.jpg
\"
}"
,
"head"
:
"{
\"
subTitle1
\"
:
\"
315 晚会点名小额网贷紫兰科技,警方连夜带走公司负责人
\"
,
\"
subTitle2
\"
:
\"
韩国通过未成年人防沉迷法案:18 岁以下无法玩游戏
\"
}"
,
"myself"
:
1
,
"notLogin"
:
0
,
"sellerCardVO"
:
{
"id"
:
20
,
"sellerName"
:
"sfs
\u
D83D
\u
DE03
\u
D83D
\u
DE0D
\u
D83D
\u
DE09
\u
D83D
\u
DE0Dsff"
,
"wechatNumber"
:
"互互互"
,
"phoneNumber"
:
"17682344434"
,
"jobPost"
:
"sfryew"
,
"companyName"
:
"宝宝"
,
"avatar"
:
"http://thirdwx.qlogo.cn/mmopen/vi_32/LrykpzTTTGYUQrIMwUQtwNCjHYx7UgewnMMB8R0Mr2zILmQVX9yiaok0my7na1T0HXk6uRKc9yby9Cvyo8qGwUA/132"
,
"wechatQrCode"
:
""
}
}
}
\ No newline at end of file
package.json
View file @
e00bb42f
...
@@ -11,7 +11,7 @@
...
@@ -11,7 +11,7 @@
"server"
:
"cross-env NODE_ENV=production node ./bin/www"
,
"server"
:
"cross-env NODE_ENV=production node ./bin/www"
,
"lint"
:
"eslint --ext .js src/pages"
,
"lint"
:
"eslint --ext .js src/pages"
,
"fix"
:
"eslint --fix .js src/pages"
,
"fix"
:
"eslint --fix .js src/pages"
,
"build-dev"
:
"cross-env NODE_ENV=development node bin/build.js"
,
"build-dev
333333
"
:
"cross-env NODE_ENV=development node bin/build.js"
,
"build-prod"
:
"cross-env NODE_ENV=production node bin/build.js"
,
"build-prod"
:
"cross-env NODE_ENV=production node bin/build.js"
,
"pack"
:
"cross-env NODE_ENV=production node bin/pack.js"
,
"pack"
:
"cross-env NODE_ENV=production node bin/pack.js"
,
"upload"
:
"cross-env NODE_ENV=development node bin/upload.js"
,
"upload"
:
"cross-env NODE_ENV=development node bin/upload.js"
,
...
...
src/pages/kejiji/webview/content/page/home.less
View file @
e00bb42f
...
@@ -30,16 +30,21 @@
...
@@ -30,16 +30,21 @@
}
}
.home.nocolor{
.home.nocolor{
// box-shadow: none;
// box-shadow: none;
margin-top:
96
px;
margin-top:
144
px;
}
}
.go-more{
.go-more{
position: absolute;
position: absolute;
width:
99
px;
width:
237
px;
height: 1
00
px;
height: 1
35
px;
background: url("
http://yun.dui88.com/h5/miniprogram/kejiji/group-go
.png") no-repeat center;
background: url("
//yun.dui88.com/h5/miniprogram/kejiji/web/group-send
.png") no-repeat center;
background-size: contain;
background-size: contain;
right: 12px;
right: 12px;
bottom: 12px;
bottom: 6px;
color: #fff;
font-size: 30px;
text-align: center;
line-height: 124px;
font-weight: 600;
}
}
.title{
.title{
font-size: 36px;
font-size: 36px;
...
@@ -60,7 +65,7 @@
...
@@ -60,7 +65,7 @@
}
}
.no-bottom{
.no-bottom{
margin-bottom: 0;
margin-bottom: 0;
margin-top:
4
0px;
margin-top:
2
0px;
}
}
.f-shadow{
.f-shadow{
position: relative;
position: relative;
...
@@ -103,7 +108,7 @@
...
@@ -103,7 +108,7 @@
}
}
.home{
.home{
border-radius: 20px;
border-radius: 20px;
width: 6
7
0px;
width: 6
9
0px;
margin: 30px auto 40px;
margin: 30px auto 40px;
padding-top: 16px;
padding-top: 16px;
position: relative;
position: relative;
...
@@ -140,13 +145,13 @@
...
@@ -140,13 +145,13 @@
}
}
.bar{
.bar{
border-radius: 20px;
border-radius: 20px;
width: 6
26
px;
width: 6
90
px;
margin: 10px auto;
margin: 10px auto;
height: 150px;
height: 150px;
position: relative;
position: relative;
.pic{
.pic{
width: 6
3
0px;
width: 6
9
0px;
height: 2
3
6px;
height: 2
9
6px;
position: absolute;
position: absolute;
bottom: 0;
bottom: 0;
left: 0;
left: 0;
...
@@ -155,27 +160,48 @@
...
@@ -155,27 +160,48 @@
background-position: center;
background-position: center;
background-size: cover;
background-size: cover;
border-radius: 12px;
border-radius: 12px;
overflow: hidden;
.pic-title{
width: 100%;
height: 159px;
position: absolute;
left: 0;
bottom: -1px;
background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.5) 60%);
}
.title-word{
color: #fff;
position: absolute;
left: 30px;
width: 630px;
bottom: 15px;
line-height: 44px;
font-size: 32px;
font-weight: 600;
}
}
}
}
}
.tip1{
.tip1{
font-size: 32px;
color: #333333;
padding: 8px 24px 8px 72px;
padding: 8px 24px 8px 72px;
margin-top: 40px;
margin-bottom: 20px;
font-size: 28px;
color: #333333;
font-weight: 600;
// overflow:hidden;
// overflow:hidden;
// text-overflow:ellipsis;
// text-overflow:ellipsis;
// display:-webkit-box;
// display:-webkit-box;
// -webkit-line-clamp:2;
// -webkit-line-clamp:2;
// -webkit-box-orient:vertical;
// -webkit-box-orient:vertical;
font-weight: 600;
position: relative;
position: relative;
&::after{
&::after{
width: 22px;
width: 22px;
height: 32px;
height: 32px;
background: url("//yun.dui88.com/h5
-mami/webgame/kejiji/webview/img/fire
.png") no-repeat center;
background: url("//yun.dui88.com/h5
/miniprogram/kejiji/web/fires
.png") no-repeat center;
background-size: contain;
background-size: contain;
position: absolute;
position: absolute;
left: 32px;
left: 32px;
top: 1
4
px;
top: 1
0
px;
display: block;
display: block;
content: "";
content: "";
}
}
...
@@ -223,9 +249,29 @@
...
@@ -223,9 +249,29 @@
}
}
.article-container{
.article-container{
padding: 0 40px;
padding: 0 40px;
.see-more-btn{
display: block;
height: 90px;
line-height: 90px;
text-align: center;
font-size: 28px;
color: #999999;
margin-bottom: 60px;
border-bottom: 1px solid #EDEDED;
display: flex;
justify-content: center;
align-items: center;
.more-ico{
width: 20px;
height: 20px;
background: url("//yun.dui88.com/h5/miniprogram/kejiji/web/icon_more.png") no-repeat center;
background-size: contain;
margin-left: 10px;
}
}
.content__wrap{
.content__wrap{
padding: 40px 0;
padding: 40px 0;
border-
top
: 1px solid #EDEDED;
border-
bottom
: 1px solid #EDEDED;
.content-info{
.content-info{
display: flex;
display: flex;
justify-content: space-between;
justify-content: space-between;
...
@@ -246,7 +292,7 @@
...
@@ -246,7 +292,7 @@
}
}
.share-info{
.share-info{
margin-top: 22px;
margin-top: 22px;
font-size: 2
4
px;
font-size: 2
6
px;
color: #999999;
color: #999999;
align-items: flex-end
align-items: flex-end
}
}
...
@@ -271,14 +317,13 @@
...
@@ -271,14 +317,13 @@
}
}
.dui-tag{
.dui-tag{
color: #999999;
color: #999999;
font-size: 2
4
px;
font-size: 2
6
px;
display: inline-block;
display: inline-block;
}
}
.dui-tag--solid{
.dui-tag--solid{
letter-spacing: 0.12px;
letter-spacing: 0.12px;
}
}
.header{
.header{
margin-bottom: 24px;
align-items: flex-end;
align-items: flex-end;
h3{
h3{
font-size: 40px;
font-size: 40px;
...
@@ -298,6 +343,9 @@
...
@@ -298,6 +343,9 @@
}
}
.activity{
.activity{
// margin-bottom: 50px;
// margin-bottom: 50px;
.title{
margin-bottom: 30px;
}
.activity__img{
.activity__img{
width: 170px;
width: 170px;
height: 210px;
height: 210px;
...
@@ -532,4 +580,29 @@
...
@@ -532,4 +580,29 @@
}
}
}
}
}
}
}
.date-time{
position: absolute;
left: 0;
top: 0;
background: url("//yun.dui88.com/h5/miniprogram/kejiji/web/tag-title.png") no-repeat center;
background-size: 100% 100%;
width: 222px;
height: 60px;
color: #fff;
padding-right: 20px;
font-size: 36px;
line-height: 60px;
text-align: center;
font-weight: 600;
.date{
display: flex;
justify-content: center;
align-items: center;
}
.week{
font-size: 28px;
margin-left: 8px;
}
}
}
\ No newline at end of file
src/pages/kejiji/webview/content/page/home.vue
View file @
e00bb42f
...
@@ -7,12 +7,22 @@
...
@@ -7,12 +7,22 @@
<a
class=
"home nocolor"
@
click=
"openShowToday"
>
<a
class=
"home nocolor"
@
click=
"openShowToday"
>
<div
class=
"f-shadow"
>
<div
class=
"f-shadow"
>
<div
class=
"bar"
>
<div
class=
"bar"
>
<div
class=
"pic"
:style=
"
{'background-image': 'url(' + src + ')'}" >
</div>
<div
class=
"pic"
:style=
"
{'background-image': 'url(' + src + ')'}" >
<div
class=
"pic-title"
>
<div
class=
"title-word"
>
{{
getText
(
title
,
80
)
}}
</div>
</div>
<div
class=
"date-time"
>
<div
class=
"date"
>
{{
today
.
month
>
9
?
today
.
month
:
'0'
+
today
.
month
}}
/
{{
today
.
date
>
9
?
today
.
date
:
'0'
+
today
.
date
}}
<span
class=
"week"
>
{{
today
.
week
}}
</span>
</div>
</div>
</div>
</div>
</div>
<div
class=
"tip1"
>
{{
getText
(
title
,
68
)
}}
</div>
<div
class=
"tip1"
>
{{
"每天分享早报,持续收获关注"
}}
</div>
<div
class=
"tip2"
><div
class=
"nums"
>
1
</div>
{{
subTitle1
}}
</div>
<
!--
<
div
class=
"tip2"
><div
class=
"nums"
>
1
</div>
{{
subTitle1
}}
</div>
<div
class=
"tip2"
><div
class=
"nums"
>
2
</div>
{{
subTitle2
}}
</div>
<div
class=
"tip2"
><div
class=
"nums"
>
2
</div>
{{
subTitle2
}}
</div>
-->
<div
class=
"go-more"
></div>
<div
class=
"go-more"
>
马上转发
</div>
</div>
</div>
<div
class=
"guider-bg"
v-if=
"hiding"
>
<div
class=
"guider-bg"
v-if=
"hiding"
>
<div
class=
"guider-btn"
></div>
<div
class=
"guider-btn"
></div>
...
@@ -25,7 +35,7 @@
...
@@ -25,7 +35,7 @@
<!--
<h3>
热门文章
</h3>
-->
<!--
<h3>
热门文章
</h3>
-->
<div
class=
"title no-bottom"
>
<div
class=
"title no-bottom"
>
获客爆文
获客爆文
<
a
@
click=
"openArticlList"
class=
"see-more__link"
hover-class=
"none"
><span
class=
"more"
>
查看更多
</span></a
>
<
!--
<a
@
click=
"openArticlList"
class=
"see-more__link"
hover-class=
"none"
><span
class=
"more"
>
查看更多
</span></a>
--
>
</div>
</div>
</div>
</div>
...
@@ -43,6 +53,7 @@
...
@@ -43,6 +53,7 @@
</div>
</div>
</div>
</div>
</div>
</div>
<a
@
click=
"openArticlList"
class=
"see-more-btn"
>
查看更多爆文
<div
class=
"more-ico"
></div></a>
</section>
</section>
<section
class=
"activity"
>
<section
class=
"activity"
>
...
@@ -61,7 +72,7 @@
...
@@ -61,7 +72,7 @@
</div>
</div>
</section>
</section>
<div
class=
"intercept__modal"
v-if=
"showInterceptModal"
>
<div
class=
"intercept__modal"
v-if=
"showInterceptModal"
>
<div
class=
"modal_main"
>
<div
class=
"modal_main"
>
<div
class=
"J_close close"
@
click=
"closeModal"
></div>
<div
class=
"J_close close"
@
click=
"closeModal"
></div>
...
@@ -95,6 +106,9 @@ const API = {
...
@@ -95,6 +106,9 @@ const API = {
userInfo
:
'/kjy/mp/user/info'
userInfo
:
'/kjy/mp/user/info'
}
}
const
tdate
=
new
Date
();
function
getParam
(){
function
getParam
(){
var
param
=
getUrlParameter
(
"param"
);
var
param
=
getUrlParameter
(
"param"
);
try
{
try
{
...
@@ -126,8 +140,12 @@ export default {
...
@@ -126,8 +140,12 @@ export default {
weixinQrcode
:
''
,
weixinQrcode
:
''
,
showInterceptModal
:
false
,
showInterceptModal
:
false
,
sellerId
:
""
,
sellerId
:
""
,
loading
:
false
loading
:
false
,
today
:
{
date
:
tdate
.
getDate
(),
month
:
tdate
.
getMonth
()
+
1
,
week
:
"星期"
+
"日一二三四五六"
.
split
(
""
)[
tdate
.
getDay
()]
}
};
};
},
},
props
:
{
props
:
{
...
...
src/pages/kejiji/webview/daily/page/today.less
View file @
e00bb42f
...
@@ -302,9 +302,9 @@
...
@@ -302,9 +302,9 @@
}
}
}
}
.tip1{
.tip1{
font-size:
28
px;
font-size:
32
px;
color: #55565C;
color: #55565C;
line-height:
52
px;
line-height:
60
px;
position: relative;
position: relative;
}
}
.commet{
.commet{
...
@@ -359,11 +359,11 @@
...
@@ -359,11 +359,11 @@
position: absolute;
position: absolute;
right: 4px;
right: 4px;
bottom: 0px;
bottom: 0px;
font-size: 2
4
px;
font-size: 2
8
px;
color: #A0A0A0;
color: #A0A0A0;
padding-right: 28px;
padding-right: 28px;
height:
5
0px;
height:
6
0px;
line-height:
5
0px;
line-height:
6
0px;
padding-left: 80px;
padding-left: 80px;
background: -webkit-gradient(linear, 0 0, 40% 0, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
background: -webkit-gradient(linear, 0 0, 40% 0, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
z-index: 1;
z-index: 1;
...
@@ -372,7 +372,7 @@
...
@@ -372,7 +372,7 @@
right: 0;
right: 0;
bottom: 0;
bottom: 0;
width: 24px;
width: 24px;
height:
54
px;
height:
60
px;
display: block;
display: block;
content: "";
content: "";
background: url("//yun.dui88.com/h5-mami/webgame/kejiji/img/more.png") no-repeat center;
background: url("//yun.dui88.com/h5-mami/webgame/kejiji/img/more.png") no-repeat center;
...
...
tsconfig.json
View file @
e00bb42f
...
@@ -7,7 +7,6 @@
...
@@ -7,7 +7,6 @@
},
},
"exclude"
:
[
"exclude"
:
[
"./src/pages/game/core/ts/core.d.ts"
,
"./src/pages/game/farm/"
,
]
]
}
}
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment