123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>方案二:兑换方式</title>
- <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
- <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
- <meta name="apple-mobile-web-app-capable" content="yes"/>
- <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
- <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
- <link href="data/styles.css" type="text/css" rel="stylesheet"/>
- <link href="files/方案二:兑换方式/styles.css" type="text/css" rel="stylesheet"/>
- <script src="resources/scripts/jquery-1.7.1.min.js"></script>
- <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
- <script src="resources/scripts/prototypePre.js"></script>
- <script src="data/document.js"></script>
- <script src="resources/scripts/prototypePost.js"></script>
- <script src="files/方案二:兑换方式/data.js"></script>
- <script type="text/javascript">
- $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
- $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
- $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
- </script>
- </head>
- <body>
- <div id="base" class="">
- <!-- Unnamed (图片) -->
- <div id="u64" class="ax_default _图片_">
- <img id="u64_img" class="img " src="images/方案一:购买方式/u0.jpg"/>
- </div>
- <!-- Unnamed (图片) -->
- <div id="u65" class="ax_default _图片_">
- <img id="u65_img" class="img " src="images/方案一:购买方式/u1.jpg"/>
- </div>
- <!-- Unnamed (图片) -->
- <div id="u66" class="ax_default _图片_">
- <img id="u66_img" class="img " src="images/方案一:购买方式/u2.png"/>
- </div>
- <!-- Unnamed (图片) -->
- <div id="u67" class="ax_default _图片_">
- <img id="u67_img" class="img " src="images/方案一:购买方式/u4.png"/>
- </div>
- <!-- Unnamed (图片) -->
- <div id="u68" class="ax_default _图片_">
- <img id="u68_img" class="img " src="images/方案二:兑换方式/u68.png"/>
- </div>
- <!-- Unnamed (图片) -->
- <div id="u69" class="ax_default _图片_">
- <img id="u69_img" class="img " src="images/方案二:兑换方式/u69.png"/>
- </div>
- <!-- Unnamed (图片) -->
- <div id="u70" class="ax_default _图片_">
- <img id="u70_img" class="img " src="images/方案一:购买方式/u6.png"/>
- </div>
- <!-- Unnamed (图片) -->
- <div id="u71" class="ax_default _图片_">
- <img id="u71_img" class="img " src="images/方案二:兑换方式/u71.png"/>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u72" class="ax_default _标题_3">
- <div id="u72_div" class=""></div>
- <div id="u72_text" class="text ">
- <p><span>兑换前</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u73" class="ax_default _标题_3">
- <div id="u73_div" class=""></div>
- <div id="u73_text" class="text ">
- <p><span>兑换后</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u74" class="ax_default _标题_3">
- <div id="u74_div" class=""></div>
- <div id="u74_text" class="text ">
- <p><span>活动页</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u75" class="ax_default label">
- <div id="u75_div" class=""></div>
- <div id="u75_text" class="text ">
- <p><span>兑换赚积分</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u76" class="ax_default box_1">
- <div id="u76_div" class=""></div>
- <div id="u76_text" class="text ">
- <p><span>关注公众号</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u77" class="ax_default _标题_3">
- <div id="u77_div" class=""></div>
- <div id="u77_text" class="text ">
- <p><span>微信授权</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u78" class="ax_default _标题_3">
- <div id="u78_div" class=""></div>
- <div id="u78_text" class="text ">
- <p><span>电子刊列表</span></p>
- </div>
- </div>
- <!-- Unnamed (图片) -->
- <div id="u79" class="ax_default _图片_">
- <img id="u79_img" class="img " src="images/方案一:购买方式/u15.png"/>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u80" class="ax_default _标题_3">
- <div id="u80_div" class=""></div>
- <div id="u80_text" class="text ">
- <p><span>购买电子刊</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u81" class="ax_default _标题_3">
- <div id="u81_div" class=""></div>
- <div id="u81_text" class="text ">
- <p><span>购买成功</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u82" class="ax_default box_1">
- <div id="u82_div" class=""></div>
- <div id="u82_text" class="text ">
- <p><span>查看</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u83" class="ax_default box_1">
- <div id="u83_div" class=""></div>
- <div id="u83_text" class="text ">
- <p><span>购买成功,长按上方小程序码识别或微信搜索“</span><span style="color:#CC1619;">Jstyle精美</span><span>”进入小程序查看电子刊内容</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u84" class="ax_default _标题_3">
- <div id="u84_div" class=""></div>
- <div id="u84_text" class="text ">
- <p><span>已购电子刊阅读码</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u85" class="ax_default box_3">
- <div id="u85_div" class=""></div>
- <div id="u85_text" class="text ">
- <p><span>复制成功</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u86" class="ax_default _标题_3">
- <div id="u86_div" class=""></div>
- <div id="u86_text" class="text ">
- <p><span>使用说明</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u87" class="ax_default sticky_1">
- <div id="u87_div" class=""></div>
- <div id="u87_text" class="text ">
- <p><span>现在APP没有上线,所以方法1暂不展示</span></p>
- </div>
- </div>
- <!-- Unnamed (连接线) -->
- <div id="u88" class="ax_default _连接线">
- <img id="u88_seg0" class="img " src="images/方案二:兑换方式/u88_seg0.png" alt="u88_seg0"/>
- <img id="u88_seg1" class="img " src="images/方案二:兑换方式/u88_seg1.png" alt="u88_seg1"/>
- <img id="u88_seg2" class="img " src="images/方案二:兑换方式/u88_seg2.png" alt="u88_seg2"/>
- <img id="u88_seg3" class="img " src="images/方案二:兑换方式/u88_seg3.png" alt="u88_seg3"/>
- <div id="u88_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- Unnamed (连接线) -->
- <div id="u89" class="ax_default _连接线">
- <img id="u89_seg0" class="img " src="images/方案二:兑换方式/u89_seg0.png" alt="u89_seg0"/>
- <img id="u89_seg1" class="img " src="images/方案二:兑换方式/u89_seg1.png" alt="u89_seg1"/>
- <img id="u89_seg2" class="img " src="images/方案二:兑换方式/u89_seg2.png" alt="u89_seg2"/>
- <img id="u89_seg3" class="img " src="images/方案二:兑换方式/u88_seg3.png" alt="u89_seg3"/>
- <div id="u89_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- Unnamed (连接线) -->
- <div id="u90" class="ax_default _连接线">
- <img id="u90_seg0" class="img " src="images/方案一:购买方式/u31_seg0.png" alt="u90_seg0"/>
- <img id="u90_seg1" class="img " src="images/方案一:购买方式/u31_seg1.png" alt="u90_seg1"/>
- <div id="u90_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- Unnamed (连接线) -->
- <div id="u91" class="ax_default _连接线">
- <img id="u91_seg0" class="img " src="images/方案二:兑换方式/u91_seg0.png" alt="u91_seg0"/>
- <img id="u91_seg1" class="img " src="images/方案二:兑换方式/u91_seg1.png" alt="u91_seg1"/>
- <img id="u91_seg2" class="img " src="images/方案二:兑换方式/u91_seg2.png" alt="u91_seg2"/>
- <div id="u91_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- Unnamed (连接线) -->
- <div id="u92" class="ax_default _连接线">
- <img id="u92_seg0" class="img " src="images/方案二:兑换方式/u92_seg0.png" alt="u92_seg0"/>
- <img id="u92_seg1" class="img " src="images/方案二:兑换方式/u92_seg1.png" alt="u92_seg1"/>
- <img id="u92_seg2" class="img " src="images/方案二:兑换方式/u92_seg2.png" alt="u92_seg2"/>
- <img id="u92_seg3" class="img " src="images/方案二:兑换方式/u92_seg3.png" alt="u92_seg3"/>
- <img id="u92_seg4" class="img " src="images/方案二:兑换方式/u92_seg4.png" alt="u92_seg4"/>
- <div id="u92_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- Unnamed (连接线) -->
- <div id="u93" class="ax_default _连接线">
- <img id="u93_seg0" class="img " src="images/方案二:兑换方式/u93_seg0.png" alt="u93_seg0"/>
- <img id="u93_seg1" class="img " src="images/方案二:兑换方式/u93_seg1.png" alt="u93_seg1"/>
- <img id="u93_seg2" class="img " src="images/方案二:兑换方式/u93_seg2.png" alt="u93_seg2"/>
- <img id="u93_seg3" class="img " src="images/方案二:兑换方式/u93_seg3.png" alt="u93_seg3"/>
- <img id="u93_seg4" class="img " src="images/方案二:兑换方式/u93_seg4.png" alt="u93_seg4"/>
- <img id="u93_seg5" class="img " src="images/方案二:兑换方式/u93_seg5.png" alt="u93_seg5"/>
- <div id="u93_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u94" class="ax_default sticky_1">
- <div id="u94_div" class=""></div>
- <div id="u94_text" class="text ">
- <p><span>现在APP没有上线,所以暂不显示“点击下载Jstyle精美APP查看电子刊”</span></p>
- </div>
- </div>
- <!-- Unnamed (连接线) -->
- <div id="u95" class="ax_default _连接线">
- <img id="u95_seg0" class="img " src="images/方案二:兑换方式/u95_seg0.png" alt="u95_seg0"/>
- <img id="u95_seg1" class="img " src="images/方案二:兑换方式/u95_seg1.png" alt="u95_seg1"/>
- <img id="u95_seg2" class="img " src="images/方案二:兑换方式/u95_seg2.png" alt="u95_seg2"/>
- <img id="u95_seg3" class="img " src="images/方案二:兑换方式/u95_seg3.png" alt="u95_seg3"/>
- <div id="u95_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- Unnamed (组 合) -->
- <div id="u96" class="ax_default" data-left="295" data-top="974" data-width="224" data-height="448">
- <!-- Unnamed (图片) -->
- <div id="u97" class="ax_default _图片_">
- <img id="u97_img" class="img " src="images/方案一:购买方式/u33.jpg"/>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u98" class="ax_default box_2">
- <div id="u98_div" class=""></div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u99" class="ax_default label">
- <div id="u99_div" class=""></div>
- <div id="u99_text" class="text ">
- <p><span>电子刊</span></p>
- </div>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u100" class="ax_default sticky_1">
- <div id="u100_div" class=""></div>
- <div id="u100_text" class="text ">
- <p><span>1、关注公众号后自动推送购买电子刊链接</span></p><p><span><br></span></p><p><span>2、公众号菜单中增加购买电子刊菜单</span></p><p><span><br></span></p><p><span>3、在公众号中回复“电子刊”三字,后向用户的推送购买电子刊链接</span></p>
- </div>
- </div>
- <!-- Unnamed (连接线) -->
- <div id="u101" class="ax_default _连接线">
- <img id="u101_seg0" class="img " src="images/方案二:兑换方式/u101_seg0.png" alt="u101_seg0"/>
- <img id="u101_seg1" class="img " src="images/方案二:兑换方式/u101_seg1.png" alt="u101_seg1"/>
- <img id="u101_seg2" class="img " src="images/方案二:兑换方式/u101_seg2.png" alt="u101_seg2"/>
- <img id="u101_seg3" class="img " src="images/方案二:兑换方式/u101_seg3.png" alt="u101_seg3"/>
- <div id="u101_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u102" class="ax_default _标题_3">
- <div id="u102_div" class=""></div>
- <div id="u102_text" class="text ">
- <p><span>微信公众号</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u103" class="ax_default box_1">
- <div id="u103_div" class=""></div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u104" class="ax_default label">
- <div id="u104_div" class=""></div>
- <div id="u104_text" class="text ">
- <p><span>我的时尚指南-杂志简介</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u105" class="ax_default label">
- <div id="u105_div" class=""></div>
- <div id="u105_text" class="text ">
- <p><span>兑换码</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u106" class="ax_default box_1">
- <div id="u106_div" class=""></div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u107" class="ax_default box_1">
- <div id="u107_div" class=""></div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u108" class="ax_default box_1">
- <div id="u108_div" class=""></div>
- </div>
- <!-- Unnamed (连接线) -->
- <div id="u109" class="ax_default _连接线">
- <img id="u109_seg0" class="img " src="images/方案二:兑换方式/u109_seg0.png" alt="u109_seg0"/>
- <img id="u109_seg1" class="img " src="images/方案二:兑换方式/u109_seg1.png" alt="u109_seg1"/>
- <img id="u109_seg2" class="img " src="images/方案二:兑换方式/u109_seg2.png" alt="u109_seg2"/>
- <img id="u109_seg3" class="img " src="images/方案二:兑换方式/u109_seg3.png" alt="u109_seg3"/>
- <img id="u109_seg4" class="img " src="images/方案二:兑换方式/u109_seg4.png" alt="u109_seg4"/>
- <div id="u109_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u110" class="ax_default label">
- <div id="u110_div" class=""></div>
- <div id="u110_text" class="text ">
- <p><span>兑换码已使用</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u111" class="ax_default _文本">
- <div id="u111_div" class=""></div>
- <div id="u111_text" class="text ">
- <p><span>兑换码</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u112" class="ax_default primary_button">
- <div id="u112_div" class=""></div>
- <div id="u112_text" class="text ">
- <p><span>兑换阅读</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u113" class="ax_default primary_button">
- <div id="u113_div" class=""></div>
- <div id="u113_text" class="text ">
- <p><span>免费阅读赢取大礼包</span></p>
- </div>
- </div>
- <!-- Unnamed (图片) -->
- <div id="u114" class="ax_default _图片_">
- <img id="u114_img" class="img " src="images/方案二:兑换方式/u114.png"/>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u115" class="ax_default primary_button">
- <div id="u115_div" class=""></div>
- <div id="u115_text" class="text ">
- <p><span>再次兑换</span></p>
- </div>
- </div>
- <!-- Unnamed (图片) -->
- <div id="u116" class="ax_default _图片_">
- <img id="u116_img" class="img " src="images/方案二:兑换方式/u114.png"/>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u117" class="ax_default box_1">
- <div id="u117_div" class=""></div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u118" class="ax_default label">
- <div id="u118_div" class=""></div>
- <div id="u118_text" class="text ">
- <p><span>我的时尚指南-杂志简介</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u119" class="ax_default label">
- <div id="u119_div" class=""></div>
- <div id="u119_text" class="text ">
- <p><span>兑换码</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u120" class="ax_default label">
- <div id="u120_div" class=""></div>
- <div id="u120_text" class="text ">
- <p><span>长按识别小程序,在预览界面选择“兑换阅读”,输入兑换码后即可阅读。</span></p>
- </div>
- </div>
- <!-- Unnamed (组 合) -->
- <div id="u121" class="ax_default" data-left="309" data-top="1027.5" data-width="147.5" data-height="26">
- <!-- Unnamed (气泡) -->
- <div id="u122" class="ax_default box_1">
- <img id="u122_img" class="img " src="images/方案一:购买方式/u44.png"/>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u123" class="ax_default label">
- <div id="u123_div" class=""></div>
- <div id="u123_text" class="text ">
- <p><span> 订阅 </span><span style="color:#3399FF;">Jstyle精美电子刊</span></p>
- </div>
- </div>
- <!-- Unnamed (图片) -->
- <div id="u124" class="ax_default _图片_">
- <img id="u124_img" class="img " src="images/方案一:购买方式/u46.png"/>
- </div>
- </div>
- <!-- Unnamed (连接线) -->
- <div id="u125" class="ax_default _连接线">
- <img id="u125_seg0" class="img " src="images/方案二:兑换方式/u125_seg0.png" alt="u125_seg0"/>
- <img id="u125_seg1" class="img " src="images/方案二:兑换方式/u125_seg1.png" alt="u125_seg1"/>
- <img id="u125_seg2" class="img " src="images/方案二:兑换方式/u125_seg2.png" alt="u125_seg2"/>
- <img id="u125_seg3" class="img " src="images/方案二:兑换方式/u125_seg3.png" alt="u125_seg3"/>
- <img id="u125_seg4" class="img " src="images/方案二:兑换方式/u125_seg4.png" alt="u125_seg4"/>
- <div id="u125_text" class="text " style="display:none; visibility: hidden">
- <p></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u126" class="ax_default sticky_1">
- <div id="u126_div" class=""></div>
- <div id="u126_text" class="text ">
- <p><span>【购买小刊】按钮修改:</span></p><p><span>Android手机显示:【打赏赚积分】点击后跳转到选择购买本数页面</span></p><p><span>IOS手机显示:【兑换赚积分】点击后弹出输入兑换码弹层</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u127" class="ax_default sticky_1">
- <div id="u127_div" class=""></div>
- <div id="u127_text" class="text ">
- <p><span>购买后按钮</span></p><p><span>Android手机:和现在已有按钮功能一致</span></p><p><span><br></span></p><p><span>IOS手机:购买后显示【开始阅读】、【再次兑换】、【免费阅读赢取大礼包】按钮</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u128" class="ax_default sticky_1">
- <div id="u128_div" class=""></div>
- <div id="u128_text" class="text ">
- <p><span>购买前按钮</span></p><p><span>Android手机:和现在已有按钮功能一致</span></p><p><span><br></span></p><p><span>IOS手机:购买后显示【兑换阅读】、【免费阅读赢取大礼包】按钮</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u129" class="ax_default _标题_2">
- <div id="u129_div" class=""></div>
- <div id="u129_text" class="text ">
- <p><span>两种方案都做,上线时优先提交方案一,如果审核不通过,则采用方案二</span></p>
- </div>
- </div>
- <!-- Unnamed (矩形) -->
- <div id="u130" class="ax_default sticky_1">
- <div id="u130_div" class=""></div>
- <div id="u130_text" class="text ">
- <p><span>使用兑换码兑换后获得的积分数量与直接购买小刊获得积分数量一致</span></p>
- </div>
- </div>
- </div>
- </body>
- </html>
|