...
|
...
|
@@ -21,69 +21,71 @@ |
|
|
|
|
|
|
|
|
## 使用说明
|
|
|
1. 本插件jssdk 依赖于jQuery, 所以请先加载 jQuery;
|
|
|
2. 然后加载本插件jssdk;
|
|
|
1. 本插件jssdk 依赖于jQuery, 所以请先加载 jQuery;
|
|
|
|
|
|
2. 然后加载本插件jssdk;
|
|
|
|
|
|
## 功能说明
|
|
|
1. 获取用户信息和状态:
|
|
|
app: url中的uid 来判断用户是否登录
|
|
|
浏览器:jsonp调用接口来判断用户是否登录
|
|
|
|
|
|
2. 验证登录:auth()
|
|
|
若用户未登录,则会将所以的 `<a class="auth">`标签的`href`属性 替换为 登录url
|
|
|
1. 获取用户信息和状态:
|
|
|
app: url中的uid 来判断用户是否登录
|
|
|
|
|
|
浏览器:jsonp调用接口来判断用户是否登录
|
|
|
|
|
|
2. 验证登录:auth()
|
|
|
若用户未登录,则会将所以的 `<a class="auth">`标签的`href`属性 替换为 登录url
|
|
|
|
|
|
3. 收藏商品:favout(skn)
|
|
|
收藏传入`skn`所相对应的商品
|
|
|
3. 收藏商品:favout(skn)
|
|
|
收藏传入`skn`所相对应的商品
|
|
|
|
|
|
4. 优惠券领取:
|
|
|
给 <a> 标签加上`yoho-conpon`类名,并加上 `data-token` 属性,值为后台生成的 token。
|
|
|
4. 优惠券领取:
|
|
|
给 <a> 标签加上`yoho-conpon`类名,并加上 `data-token` 属性,值为后台生成的 token。
|
|
|
|
|
|
示例:
|
|
|
示例:
|
|
|
|
|
|
```html
|
|
|
```html
|
|
|
<a class="yoho-conpon" href="javascript:;" data-token="29-6ea9ab1baa0efb9e19094440c317e21b">
|
|
|
<h1>领券按钮</h1>
|
|
|
</a>
|
|
|
```
|
|
|
```
|
|
|
|
|
|
5. 有货币领取:
|
|
|
给 <a> 标签加上`yoho-coin`类名,并加上 `data-token` 属性,值为后台生成的 token。
|
|
|
5. 有货币领取:
|
|
|
给 <a> 标签加上`yoho-coin`类名,并加上 `data-token` 属性,值为后台生成的 token。
|
|
|
|
|
|
示例:
|
|
|
示例:
|
|
|
|
|
|
```html
|
|
|
```html
|
|
|
<a class="yoho-coin" href="javascript:;" data-token="22e369853df766fa44e1ed0ff613f563bd">
|
|
|
<h1>有货币领取按钮</h1>
|
|
|
</a>
|
|
|
```
|
|
|
```
|
|
|
|
|
|
6. 分享相关:
|
|
|
6. 分享相关:
|
|
|
如果需要定制分享参数时,通过<input type="hidden">方式自定义
|
|
|
|
|
|
如果需要定制分享参数时,通过<input type="hidden">方式自定义
|
|
|
|
|
|
示例:
|
|
|
示例:
|
|
|
|
|
|
```html
|
|
|
```html
|
|
|
<input id="shareLink" type="hidden" value="http://feature.yoho.cn/1228/1228MEMBER/index.html">
|
|
|
<input id="shareDesc" type="hidden" value="VIP专场劲爆开启->VIP独享4重福利,超值冬品限时5折,更有专享年终福利券等你抢!">
|
|
|
<input id="shareImg" type="hidden" value="http://feature.yoho.cn/public/shareimg/1228member.png">
|
|
|
<input id="shareTitle" type="hidden" value="【YOHO!BUY有货】12月28日潮集会员日">
|
|
|
```
|
|
|
```
|
|
|
|
|
|
7. 个性化推荐:
|
|
|
7.1. 定义商品图片显示的宽高
|
|
|
7. 个性化推荐:
|
|
|
7.1. 定义商品图片显示的宽高
|
|
|
|
|
|
示例:value的值格式: "宽x高"
|
|
|
示例:value的值格式: "宽x高"
|
|
|
|
|
|
```html
|
|
|
```html
|
|
|
<input id="imgwh" type="hidden" value="450x500">
|
|
|
```
|
|
|
```
|
|
|
|
|
|
7.2. 定义商品模版
|
|
|
7.2. 定义商品模版
|
|
|
|
|
|
示例:
|
|
|
示例:
|
|
|
|
|
|
```html
|
|
|
```html
|
|
|
<div class="feature-product-info">
|
|
|
<a class="product-detail" href='http://item.yohobuy.com/product/pro_330189_424569/PUMADUPLEXEVOPARTYDiBangXie36146103.html?from=search-s-51184789_1_1&openby:yohobuy={"action":"go.productDetail","params":{"product_id":"330189","from":"search-s-51184789_1_1"}}'>
|
|
|
<div>
|
...
|
...
|
@@ -104,13 +106,11 @@ |
|
|
<span class="brand-go">进入店铺</span>
|
|
|
</a>
|
|
|
</div>
|
|
|
```
|
|
|
|
|
|
详细说明:
|
|
|
```
|
|
|
|
|
|
以下class名 需要固定不变,引入的 jssdk 会通过class名 来做动态替换
|
|
|
详细说明:以下class名 需要固定不变,引入的 jssdk 会通过class名 来做动态替换
|
|
|
|
|
|
```
|
|
|
```
|
|
|
.feature-product-info: 标示一个商品item
|
|
|
.brand-name: 店铺名称(如果不需要显示店铺,可不需要)
|
|
|
a.product-brand: 进入店铺的url (如果不需要显示店铺,可不需要)
|
...
|
...
|
@@ -119,4 +119,4 @@ |
|
|
.product-name: 商品名称
|
|
|
.sale-price: 销售价格
|
|
|
.market-price: 市场价格
|
|
|
``` |
|
|
\ No newline at end of file |
|
|
``` |
|
|
\ No newline at end of file |
...
|
...
|
|