diff --git a/litemall-os-api/pom.xml b/litemall-os-api/pom.xml
index 529eaac7..10c70c57 100644
--- a/litemall-os-api/pom.xml
+++ b/litemall-os-api/pom.xml
@@ -28,6 +28,11 @@
5.4.4
+
+ com.aliyun.oss
+ aliyun-sdk-oss
+ 2.5.0
+
diff --git a/litemall-os-api/src/main/java/org/linlinjava/litemall/os/service/AliyunOsService.java b/litemall-os-api/src/main/java/org/linlinjava/litemall/os/service/AliyunOsService.java
new file mode 100644
index 00000000..f2045092
--- /dev/null
+++ b/litemall-os-api/src/main/java/org/linlinjava/litemall/os/service/AliyunOsService.java
@@ -0,0 +1,111 @@
+package org.linlinjava.litemall.os.service;
+
+import com.aliyun.oss.OSSClient;
+import com.aliyun.oss.model.ObjectMetadata;
+import com.aliyun.oss.model.PutObjectRequest;
+import com.aliyun.oss.model.PutObjectResult;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.context.annotation.PropertySource;
+import org.springframework.core.io.Resource;
+import org.springframework.core.io.UrlResource;
+import org.springframework.stereotype.Service;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.net.MalformedURLException;
+import java.net.URL;
+import java.nio.file.Path;
+import java.util.stream.Stream;
+
+/**
+ * @author Yogeek
+ * @date 2018/7/16 16:10
+ * @decrpt 阿里云对象存储服务
+ */
+@PropertySource(value = "classpath:aliyun.properties")
+@Service("aos")
+public class AliyunOsService implements ObjectStorageService {
+
+ @Value("${aliyun.os.ENDPOINT}")
+ private String ENDPOINT;
+ @Value("${aliyun.os.ACCESS_KEY_ID}")
+ private String ACCESS_KEY_ID;
+ @Value("${aliyun.os.ACCESS_KEY_SECRET}")
+ private String ACCESS_KEY_SECRET;
+ @Value("${aliyun.os.BUCKET_NAME}")
+ private String BUCKET_NAME;
+// @Value("${aliyun.os.FOLDER}")
+// private String FOLDER;
+
+ /**
+ * 获取阿里云OSS客户端对象
+ *
+ * @return ossClient
+ */
+ private OSSClient getOSSClient(){
+ return new OSSClient(ENDPOINT,ACCESS_KEY_ID, ACCESS_KEY_SECRET);
+ }
+
+ private String getBaseUrl() {
+ return "https://" + BUCKET_NAME + "." + ENDPOINT + "/" ;
+ }
+
+ /**
+ * 阿里云OSS对象存储简单上传实现
+ */
+ @Override
+ public void store(MultipartFile file, String keyName) {
+ try {
+ // 简单文件上传, 最大支持 5 GB, 适用于小文件上传, 建议 20M以下的文件使用该接口
+ ObjectMetadata objectMetadata = new ObjectMetadata();
+ objectMetadata.setContentLength(file.getSize());
+ objectMetadata.setContentType(file.getContentType());
+ // 对象键(Key)是对象在存储桶中的唯一标识。
+ PutObjectRequest putObjectRequest = new PutObjectRequest(BUCKET_NAME, keyName, file.getInputStream(), objectMetadata);
+ PutObjectResult putObjectResult = getOSSClient().putObject(putObjectRequest);
+ } catch (Exception ex) {
+ ex.printStackTrace();
+ }
+
+ }
+
+ @Override
+ public Stream loadAll() {
+ return null;
+ }
+
+ @Override
+ public Path load(String keyName) {
+ return null;
+ }
+
+ @Override
+ public Resource loadAsResource(String keyName) {
+ try {
+ URL url = new URL(getBaseUrl() + keyName);
+ Resource resource = new UrlResource(url);
+ if (resource.exists() || resource.isReadable()) {
+ return resource;
+ } else {
+ return null;
+ }
+ } catch (MalformedURLException e) {
+ e.printStackTrace();
+ return null;
+ }
+ }
+
+ @Override
+ public void delete(String keyName) {
+ try {
+ getOSSClient().deleteObject(BUCKET_NAME, keyName);
+ }catch (Exception e){
+ e.printStackTrace();
+ }
+
+ }
+
+ @Override
+ public String generateUrl(String keyName) {
+ return getBaseUrl() + keyName;
+ }
+}
diff --git a/litemall-os-api/src/main/resources/aliyun.properties b/litemall-os-api/src/main/resources/aliyun.properties
new file mode 100644
index 00000000..18eebadb
--- /dev/null
+++ b/litemall-os-api/src/main/resources/aliyun.properties
@@ -0,0 +1,6 @@
+# ƶ洢Ϣ
+aliyun.os.ENDPOINT=oss-cn-shenzhen.aliyuncs.com
+aliyun.os.ACCESS_KEY_ID=
+aliyun.os.ACCESS_KEY_SECRET=
+aliyun.os.BUCKET_NAME=
+#aliyun.os.FOLDER="xxxxxx"
\ No newline at end of file
diff --git a/litemall-wx/app.json b/litemall-wx/app.json
index e063d598..59b59c90 100644
--- a/litemall-wx/app.json
+++ b/litemall-wx/app.json
@@ -31,43 +31,45 @@
"pages/shopping/checkout/checkout",
"pages/shopping/address/address",
"pages/shopping/addressAdd/addressAdd",
- "pages/goods/goods"
+ "pages/goods/goods",
+ "pages/about/index"
],
"window": {
+ "navigationBarTitleText": "litemall小程序商城",
+ "navigationBarTextStyle": "#FFFFFF",
+ "navigationBarBackgroundColor": "#696969",
+ "backgroundColor": "#FFFFFF",
"backgroundTextStyle": "dark",
- "navigationBarBackgroundColor": "#fff",
- "navigationBarTitleText": "仿网易严选",
- "navigationBarTextStyle": "black",
- "enablePullDownRefresh": true
+ "enablePullDownRefresh": false
},
"tabBar": {
"backgroundColor": "#fafafa",
"borderStyle": "white",
- "selectedColor": "#b4282d",
+ "selectedColor": "#AB956D",
"color": "#666",
"list": [
{
"pagePath": "pages/index/index",
"iconPath": "static/images/ic_menu_choice_nor.png",
- "selectedIconPath": "static/images/ic_menu_choice_pressed.png",
+ "selectedIconPath": "static/images/home@selected.png",
"text": "首页"
},
{
"pagePath": "pages/catalog/catalog",
"iconPath": "static/images/ic_menu_sort_nor.png",
- "selectedIconPath": "static/images/ic_menu_sort_pressed.png",
+ "selectedIconPath": "static/images/category@selected.png",
"text": "分类"
},
{
"pagePath": "pages/cart/cart",
"iconPath": "static/images/ic_menu_shoping_nor.png",
- "selectedIconPath": "static/images/ic_menu_shoping_pressed.png",
+ "selectedIconPath": "static/images/cart@selected.png",
"text": "购物车"
},
{
"pagePath": "pages/ucenter/index/index",
"iconPath": "static/images/ic_menu_me_nor.png",
- "selectedIconPath": "static/images/ic_menu_me_pressed.png",
+ "selectedIconPath": "static/images/my@selected.png",
"text": "个人"
}
]
diff --git a/litemall-wx/pages/about/index.js b/litemall-wx/pages/about/index.js
new file mode 100644
index 00000000..e246322c
--- /dev/null
+++ b/litemall-wx/pages/about/index.js
@@ -0,0 +1,49 @@
+// index.js
+var app = getApp()
+var util = require("../../utils/util.js");
+
+
+var api = require("../../config/api.js");
+Page({
+
+ /**
+ * 页面的初始数据
+ */
+ data: {
+ load_statue: true,
+ shopInfo: {
+ name: 'litemall',
+ address: 'https://github.com/linlinjava/litemall',
+ latitude: 22.60,
+ longitude: 116.87,
+ linkPhone: '0755-xxxx-xxxx',
+ qqNumber: '738696120'
+ },
+ },
+
+ /**
+ * 生命周期函数--监听页面加载
+ */
+ onLoad: function (options) {
+
+ },
+
+ showLocation: function (e) {
+ var that = this
+ wx.openLocation({
+ latitude: that.data.shopInfo.latitude,
+ longitude: that.data.shopInfo.longitude,
+ name: that.data.shopInfo.name,
+ address: that.data.shopInfo.address,
+ })
+ },
+ callPhone: function (e) {
+ var that = this
+ wx.makePhoneCall({
+ phoneNumber: that.data.shopInfo.linkPhone,
+ })
+ },
+ reLoad: function (e) {
+ this.loadShopInfo();
+ }
+})
\ No newline at end of file
diff --git a/litemall-wx/pages/about/index.json b/litemall-wx/pages/about/index.json
new file mode 100644
index 00000000..9e26dfee
--- /dev/null
+++ b/litemall-wx/pages/about/index.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/litemall-wx/pages/about/index.wxml b/litemall-wx/pages/about/index.wxml
new file mode 100644
index 00000000..37892c05
--- /dev/null
+++ b/litemall-wx/pages/about/index.wxml
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+ {{shopInfo.name}}
+
+
+
+
+
+
+
+ {{shopInfo.address}}
+
+
+
+
+
+
+
+
+
+
+ {{shopInfo.linkPhone}}
+
+
+
+
+
+
+
+
+
+ {{shopInfo.qqNumber}}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/litemall-wx/pages/about/index.wxss b/litemall-wx/pages/about/index.wxss
new file mode 100644
index 00000000..1ea5b4e0
--- /dev/null
+++ b/litemall-wx/pages/about/index.wxss
@@ -0,0 +1,44 @@
+/* index.wxss */
+
+page{
+ height: 100%;
+ background-color: #F2f2f2;
+}
+.page-view{
+ height: 100%;
+}
+.banner-image{
+ width: 100%;
+ height: 350rpx;
+ background: #ee1;
+ margin-bottom: 30rpx;
+ border-bottom: solid #f2f2f2 0.5dp;
+}
+
+.about-item{
+ background: white;
+ border-top: solid #f2f2f2 0.5rpx;
+ border-bottom: solid #f2f2f2 0.5rpx;
+ width: 100%;
+ height: 100rpx;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+}
+
+.item-left{
+ font-size: 32rpx;
+ margin-left: 15rpx;
+ margin-top: auto;
+ margin-bottom: auto;
+}
+.item-right{
+
+ margin-right: 15rpx;
+ margin-top: auto;
+ margin-bottom: auto;
+}
+.right-icon{
+ width: 40rpx;
+ height: 40rpx;
+}
\ No newline at end of file
diff --git a/litemall-wx/pages/goods/goods.js b/litemall-wx/pages/goods/goods.js
index e4fa61ce..8db99aad 100644
--- a/litemall-wx/pages/goods/goods.js
+++ b/litemall-wx/pages/goods/goods.js
@@ -42,7 +42,7 @@ Page({
// 这里检测一下
let _productPrice = res.data.productList[0].price;
let _goodsPrice = res.data.info.retailPrice;
- if (_productPrice != _goodsPrice){
+ if (_productPrice != _goodsPrice) {
console.error('商品数量价格和货品不一致');
}
@@ -206,21 +206,21 @@ Page({
}
let checkedProduct = checkedProductArray[0];
- if (checkedProduct.number > 0){
+ if (checkedProduct.number > 0) {
this.setData({
checkedSpecPrice: checkedProduct.price,
soldout: false
});
}
- else{
+ else {
this.setData({
checkedSpecPrice: this.data.goods.retailPrice,
soldout: true
- });
+ });
}
-
+
}
- else{
+ else {
this.setData({
checkedSpecText: '规格数量选择',
checkedSpecPrice: this.data.goods.retailPrice,
@@ -276,28 +276,33 @@ Page({
});
}
},
- closeAttrOrCollect: function () {
+ closeAttr: function () {
+ this.setData({
+ openAttr: false,
+ });
+ },
+ addCollectOrNot: function () {
let that = this;
- if (this.data.openAttr) {
- this.setData({
- openAttr: false,
- });
- if (that.data.userHasCollect == 1) {
- that.setData({
- collectBackImage: that.data.hasCollectImage
- });
- } else {
- that.setData({
- collectBackImage: that.data.noCollectImage
- });
- }
- } else {
+ // if (this.data.openAttr) {
+ // this.setData({
+ // openAttr: false,
+ // });
+ // if (that.data.userHasCollect == 1) {
+ // that.setData({
+ // collectBackImage: that.data.hasCollectImage
+ // });
+ // } else {
+ // that.setData({
+ // collectBackImage: that.data.noCollectImage
+ // });
+ // }
+ // } else {
//添加或是取消收藏
util.request(api.CollectAddOrDelete, { type: 0, valueId: this.data.id }, "POST")
.then(function (res) {
let _res = res;
if (_res.errno == 0) {
- if ( _res.data.type == 'add') {
+ if (_res.data.type == 'add') {
that.setData({
collectBackImage: that.data.hasCollectImage
});
@@ -316,7 +321,6 @@ Page({
}
});
- }
},
openCartPage: function () {
@@ -394,7 +398,7 @@ Page({
//打开规格选择窗口
this.setData({
openAttr: !this.data.openAttr,
- collectBackImage: '/static/images/detail_back.png'
+ // collectBackImage: '/static/images/detail_back.png'
});
} else {
diff --git a/litemall-wx/pages/goods/goods.wxml b/litemall-wx/pages/goods/goods.wxml
index 69728868..940bad35 100644
--- a/litemall-wx/pages/goods/goods.wxml
+++ b/litemall-wx/pages/goods/goods.wxml
@@ -1,112 +1,117 @@
-
-
-
-
-
-
-
-
- 30天无忧退货
- 48小时快速退款
- 满88元免邮费
-
-
-
- {{goods.name}}
- {{goods.goodsBrief}}
- ¥{{checkedSpecPrice}}
-
-
- {{brand.name}}
-
-
-
-
-
- {{checkedSpecText}}
-
-
-
+
+
+
+
+
-
+
diff --git a/litemall-wx/pages/goods/goods.wxss b/litemall-wx/pages/goods/goods.wxss
index 699ec984..a3743fd0 100644
--- a/litemall-wx/pages/goods/goods.wxss
+++ b/litemall-wx/pages/goods/goods.wxss
@@ -1,397 +1,393 @@
-.container{
- margin-bottom: 100rpx;
+.container {
+ margin-bottom: 100rpx;
}
-.goodsimgs{
+
+.goodsimgs {
width: 750rpx;
height: 750rpx;
}
-.goodsimgs image{
+.goodsimgs image {
width: 750rpx;
height: 750rpx;
}
-.service-policy{
- width: 750rpx;
- height: 73rpx;
- background: #f4f4f4;
- padding: 0 31.25rpx;
- display: flex;
- flex-flow: row nowrap;
- align-items: center;
- justify-content: space-between;
+.service-policy {
+ width: 750rpx;
+ height: 73rpx;
+ background: #f4f4f4;
+ padding: 0 31.25rpx;
+ display: flex;
+ flex-flow: row nowrap;
+ align-items: center;
+ justify-content: space-between;
}
-.service-policy .item{
- background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/servicePolicyRed-518d32d74b.png) 0 center no-repeat;
- background-size: 10rpx;
- padding-left: 15rpx;
- display: flex;
- align-items: center;
- font-size: 25rpx;
- color: #666;
+.service-policy .item {
+ background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/servicePolicyRed-518d32d74b.png) 0 center no-repeat;
+ background-size: 10rpx;
+ padding-left: 15rpx;
+ display: flex;
+ align-items: center;
+ font-size: 25rpx;
+ color: #666;
}
-.goods-info{
- width: 750rpx;
- height: 306rpx;
- overflow: hidden;
- background: #fff;
+.goods-info {
+ width: 750rpx;
+ height: 306rpx;
+ overflow: hidden;
+ background: #fff;
}
-.goods-info .c{
- display: block;
- width: 718.75rpx;
- height: 100%;
- margin-left: 31.25rpx;
- padding: 38rpx 31.25rpx 38rpx 0;
- border-bottom: 1px solid #f4f4f4;
+.goods-info .c {
+ display: block;
+ width: 718.75rpx;
+ height: 100%;
+ margin-left: 31.25rpx;
+ padding: 38rpx 31.25rpx 38rpx 0;
+ border-bottom: 1px solid #f4f4f4;
}
-.goods-info .c text{
- display: block;
- width: 687.5rpx;
- text-align: center;
+.goods-info .c text {
+ display: block;
+ width: 687.5rpx;
+ text-align: center;
}
-.goods-info .name{
- height: 41rpx;
- margin-bottom: 5.208rpx;
- font-size: 41rpx;
- line-height: 41rpx;
+.goods-info .name {
+ height: 41rpx;
+ margin-bottom: 5.208rpx;
+ font-size: 41rpx;
+ line-height: 41rpx;
}
-.goods-info .desc{
- height: 43rpx;
- margin-bottom: 41rpx;
- font-size: 24rpx;
- line-height: 36rpx;
- color: #999;
+.goods-info .desc {
+ height: 43rpx;
+ margin-bottom: 41rpx;
+ font-size: 24rpx;
+ line-height: 36rpx;
+ color: #999;
}
-
-.goods-info .price{
- height: 35rpx;
- font-size: 35rpx;
- line-height: 35rpx;
- color: #b4282d;
+.goods-info .price {
+ height: 35rpx;
+ font-size: 35rpx;
+ line-height: 35rpx;
+ color: #b4282d;
}
-.goods-info .brand{
- margin-top: 23rpx;
- min-height: 40rpx;
- text-align: center;
+.goods-info .brand {
+ margin-top: 23rpx;
+ min-height: 40rpx;
+ text-align: center;
}
-.goods-info .brand text{
- display: inline-block;
- width: auto;
- padding: 2px 30rpx 2px 10.5rpx;
- line-height: 35.5rpx;
- border: 1px solid #f48f18;
- font-size: 25rpx;
- color: #f48f18;
- border-radius: 4px;
- background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/detailTagArrow-18bee52dab.png) 95% center no-repeat;
- background-size: 10.75rpx 18.75rpx;
+.goods-info .brand text {
+ display: inline-block;
+ width: auto;
+ padding: 2px 30rpx 2px 10.5rpx;
+ line-height: 35.5rpx;
+ border: 1px solid #f48f18;
+ font-size: 25rpx;
+ color: #f48f18;
+ border-radius: 4px;
+ background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/detailTagArrow-18bee52dab.png) 95% center no-repeat;
+ background-size: 10.75rpx 18.75rpx;
}
-.section-nav{
- width: 750rpx;
- height: 108rpx;
- background: #fff;
- margin-bottom: 20rpx;
+.section-nav {
+ width: 750rpx;
+ height: 108rpx;
+ background: #fff;
+ margin-bottom: 20rpx;
}
-.section-nav .t{
- float: left;
- width: 600rpx;
- height: 108rpx;
- line-height: 108rpx;
- font-size: 29rpx;
- color: #333;
- margin-left: 31.25rpx;
+.section-nav .t {
+ float: left;
+ width: 600rpx;
+ height: 108rpx;
+ line-height: 108rpx;
+ font-size: 29rpx;
+ color: #333;
+ margin-left: 31.25rpx;
}
-.section-nav .i{
- float: right;
- width: 52rpx;
- height: 52rpx;
- margin-right: 16rpx;
- margin-top: 28rpx;
+.section-nav .i {
+ float: right;
+ width: 52rpx;
+ height: 52rpx;
+ margin-right: 16rpx;
+ margin-top: 28rpx;
}
-.section-act .t{
- float: left;
- display: flex;
- align-items: center;
- width: 600rpx;
- height: 108rpx;
- overflow: hidden;
- line-height: 108rpx;
- font-size: 29rpx;
- color: #999;
- margin-left: 31.25rpx;
+.section-act .t {
+ float: left;
+ display: flex;
+ align-items: center;
+ width: 600rpx;
+ height: 108rpx;
+ overflow: hidden;
+ line-height: 108rpx;
+ font-size: 29rpx;
+ color: #999;
+ margin-left: 31.25rpx;
}
-.section-act .label{
- color: #999;
+.section-act .label {
+ color: #999;
}
-.section-act .tag{
- display: flex;
- align-items: center;
- padding:0 10rpx;
- border-radius: 3px;
- height: 37rpx;
- width: auto;
- color: #f48f18;
- overflow: hidden;
- border: 1px solid #f48f18;
- font-size: 25rpx;
- margin:0 10rpx;
+.section-act .tag {
+ display: flex;
+ align-items: center;
+ padding: 0 10rpx;
+ border-radius: 3px;
+ height: 37rpx;
+ width: auto;
+ color: #f48f18;
+ overflow: hidden;
+ border: 1px solid #f48f18;
+ font-size: 25rpx;
+ margin: 0 10rpx;
}
-.section-act .text{
- display: flex;
- align-items: center;
- height: 37rpx;
- width: auto;
- overflow: hidden;
- color: #f48f18;
- font-size: 29rpx;
+.section-act .text {
+ display: flex;
+ align-items: center;
+ height: 37rpx;
+ width: auto;
+ overflow: hidden;
+ color: #f48f18;
+ font-size: 29rpx;
}
-.comments{
- width: 100%;
- height: auto;
- padding-left:30rpx;
- background: #fff;
- margin: 20rpx 0;
+.comments {
+ width: 100%;
+ height: auto;
+ padding-left: 30rpx;
+ background: #fff;
+ margin: 20rpx 0;
}
-.comments .h{
- height: 102.5rpx;
- line-height: 100.5rpx;
- width: 718.75rpx;
- padding-right: 16rpx;
- border-bottom: 1px solid #d9d9d9;
+.comments .h {
+ height: 102.5rpx;
+ line-height: 100.5rpx;
+ width: 718.75rpx;
+ padding-right: 16rpx;
+ border-bottom: 1px solid #d9d9d9;
}
-.comments .h .t{
- display: block;
- float: left;
- width: 50%;
- font-size: 38.5rpx;
- color: #333;
+.comments .h .t {
+ display: block;
+ float: left;
+ width: 50%;
+ font-size: 38.5rpx;
+ color: #333;
}
-.comments .h .i{
- display: block;
- float: right;
- width: 164rpx;
- height: 100.5rpx;
- line-height: 100.5rpx;
- background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/address-right-990628faa7.png) right center no-repeat;
- background-size: 52rpx;
+.comments .h .i {
+ display: block;
+ float: right;
+ width: 164rpx;
+ height: 100.5rpx;
+ line-height: 100.5rpx;
+ background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/address-right-990628faa7.png) right center no-repeat;
+ background-size: 52rpx;
}
-.comments .b{
- height: auto;
- width: 720rpx;
+.comments .b {
+ height: auto;
+ width: 720rpx;
}
-.comments .item{
- height: auto;
- width: 720rpx;
- overflow: hidden;
+.comments .item {
+ height: auto;
+ width: 720rpx;
+ overflow: hidden;
}
-.comments .info{
- height: 127rpx;
- width: 100%;
- padding: 33rpx 0 27rpx 0;
+.comments .info {
+ height: 127rpx;
+ width: 100%;
+ padding: 33rpx 0 27rpx 0;
}
-.comments .user{
- float: left;
- width: auto;
- height: 67rpx;
- line-height: 67rpx;
- font-size: 0;
+.comments .user {
+ float: left;
+ width: auto;
+ height: 67rpx;
+ line-height: 67rpx;
+ font-size: 0;
}
-.comments .user image{
- float: left;
- width: 67rpx;
- height: 67rpx;
- margin-right: 17rpx;
- border-radius: 50%;
+.comments .user image {
+ float: left;
+ width: 67rpx;
+ height: 67rpx;
+ margin-right: 17rpx;
+ border-radius: 50%;
}
-.comments .user text{
- display: inline-block;
- width: auto;
- height: 66rpx;
- overflow: hidden;
- font-size: 29rpx;
- line-height: 66rpx;
+.comments .user text {
+ display: inline-block;
+ width: auto;
+ height: 66rpx;
+ overflow: hidden;
+ font-size: 29rpx;
+ line-height: 66rpx;
}
-.comments .time{
- display: block;
- float: right;
- width: auto;
- height: 67rpx;
- line-height: 67rpx;
- color: #7f7f7f;
- font-size: 25rpx;
- margin-right: 30rpx;
+.comments .time {
+ display: block;
+ float: right;
+ width: auto;
+ height: 67rpx;
+ line-height: 67rpx;
+ color: #7f7f7f;
+ font-size: 25rpx;
+ margin-right: 30rpx;
}
-.comments .content{
- width: 720rpx;
- padding-right: 30rpx;
- line-height: 45.8rpx;
- font-size: 29rpx;
- margin-bottom: 24rpx;
+.comments .content {
+ width: 720rpx;
+ padding-right: 30rpx;
+ line-height: 45.8rpx;
+ font-size: 29rpx;
+ margin-bottom: 24rpx;
}
-.comments .imgs{
- width: 720rpx;
- height: auto;
- margin-bottom: 25rpx;
+.comments .imgs {
+ width: 720rpx;
+ height: auto;
+ margin-bottom: 25rpx;
}
-.comments .imgs .img{
- height: 150rpx;
- width: 150rpx;
- margin-right: 28rpx;
+.comments .imgs .img {
+ height: 150rpx;
+ width: 150rpx;
+ margin-right: 28rpx;
}
-
-.comments .spec{
- width: 720rpx;
- padding-right: 30rpx;
- line-height: 30rpx;
- font-size: 24rpx;
- color: #999;
- margin-bottom: 30rpx;
+.comments .spec {
+ width: 720rpx;
+ padding-right: 30rpx;
+ line-height: 30rpx;
+ font-size: 24rpx;
+ color: #999;
+ margin-bottom: 30rpx;
}
-
-.goods-attr{
- width: 750rpx;
- height: auto;
- overflow: hidden;
- padding: 0 31.25rpx 25rpx 31.25rpx;
- background: #fff;
+.goods-attr {
+ width: 750rpx;
+ height: auto;
+ overflow: hidden;
+ padding: 0 31.25rpx 25rpx 31.25rpx;
+ background: #fff;
}
-.goods-attr .t{
- width: 687.5rpx;
- height: 104rpx;
- line-height: 104rpx;
- font-size: 38.5rpx;
+.goods-attr .t {
+ width: 687.5rpx;
+ height: 104rpx;
+ line-height: 104rpx;
+ font-size: 38.5rpx;
}
-.goods-attr .item{
- width: 687.5rpx;
- height: 68rpx;
- padding: 11rpx 20rpx;
- margin-bottom: 11rpx;
- background: #f7f7f7;
- font-size: 38.5rpx;
+.goods-attr .item {
+ width: 687.5rpx;
+ height: 68rpx;
+ padding: 11rpx 20rpx;
+ margin-bottom: 11rpx;
+ background: #f7f7f7;
+ font-size: 38.5rpx;
}
-.goods-attr .left{
- float: left;
- font-size: 25rpx;
- width: 134rpx;
- height: 45rpx;
- line-height: 45rpx;
- overflow: hidden;
- color: #999;
+.goods-attr .left {
+ float: left;
+ font-size: 25rpx;
+ width: 134rpx;
+ height: 45rpx;
+ line-height: 45rpx;
+ overflow: hidden;
+ color: #999;
}
-.goods-attr .right{
- float: left;
- font-size: 36.5rpx;
- margin-left: 20rpx;
- width: 480rpx;
- height: 45rpx;
- line-height: 45rpx;
- overflow: hidden;
- color: #333;
+.goods-attr .right {
+ float: left;
+ font-size: 36.5rpx;
+ margin-left: 20rpx;
+ width: 480rpx;
+ height: 45rpx;
+ line-height: 45rpx;
+ overflow: hidden;
+ color: #333;
}
-.detail{
- width: 750rpx;
- height: auto;
- overflow: hidden;
+.detail {
+ width: 750rpx;
+ height: auto;
+ overflow: hidden;
}
-.detail image{
- width: 750rpx;
- display: block;
+.detail image {
+ width: 750rpx;
+ display: block;
}
-
-.common-problem{
- width: 750rpx;
- height: auto;
- overflow: hidden;
+.common-problem {
+ width: 750rpx;
+ height: auto;
+ overflow: hidden;
}
-.common-problem .h{
- position: relative;
- height: 145.5rpx;
- width: 750rpx;
- padding: 56.25rpx 0;
- background: #fff;
- text-align: center;
+.common-problem .h {
+ position: relative;
+ height: 145.5rpx;
+ width: 750rpx;
+ padding: 56.25rpx 0;
+ background: #fff;
+ text-align: center;
}
-.common-problem .h .line{
- display: inline-block;
- position: absolute;
- top: 72rpx;
- left: 0;
- z-index: 2;
- height: 1px;
- margin-left: 225rpx;
- width: 300rpx;
- background: #ccc;
+.common-problem .h .line {
+ display: inline-block;
+ position: absolute;
+ top: 72rpx;
+ left: 0;
+ z-index: 2;
+ height: 1px;
+ margin-left: 225rpx;
+ width: 300rpx;
+ background: #ccc;
}
-.common-problem .h .title{
- display: inline-block;
- position: absolute;
- top: 56.125rpx;
- left: 0;
- z-index: 3;
- height: 33rpx;
- margin-left: 285rpx;
- width: 180rpx;
- background: #fff;
+.common-problem .h .title {
+ display: inline-block;
+ position: absolute;
+ top: 56.125rpx;
+ left: 0;
+ z-index: 3;
+ height: 33rpx;
+ margin-left: 285rpx;
+ width: 180rpx;
+ background: #fff;
}
-.common-problem .b{
+.common-problem .b {
width: 750rpx;
height: auto;
overflow: hidden;
padding: 0rpx 30rpx;
background: #fff;
-
}
-.common-problem .item{
+.common-problem .item {
height: auto;
overflow: hidden;
padding-bottom: 25rpx;
}
-.common-problem .question-box .spot{
+.common-problem .question-box .spot {
float: left;
display: block;
height: 8rpx;
@@ -401,7 +397,7 @@
margin-top: 11rpx;
}
-.common-problem .question-box .question{
+.common-problem .question-box .question {
float: left;
line-height: 30rpx;
padding-left: 8rpx;
@@ -411,61 +407,60 @@
color: #303030;
}
-.common-problem .answer{
+.common-problem .answer {
line-height: 36rpx;
padding-left: 16rpx;
font-size: 26rpx;
color: #787878;
}
-
-.related-goods{
- width: 750rpx;
- height: auto;
- overflow: hidden;
-}
-
-.related-goods .h{
- position: relative;
- height: 145.5rpx;
- width: 750rpx;
- padding: 56.25rpx 0;
- background: #fff;
- text-align: center;
- border-bottom: 1px solid #f4f4f4;
-}
-
-.related-goods .h .line{
- display: inline-block;
- position: absolute;
- top: 72rpx;
- left: 0;
- z-index: 2;
- height: 1px;
- margin-left: 225rpx;
- width: 300rpx;
- background: #ccc;
-}
-
-.related-goods .h .title{
- display: inline-block;
- position: absolute;
- top: 56.125rpx;
- left: 0;
- z-index: 3;
- height: 33rpx;
- margin-left: 285rpx;
- width: 180rpx;
- background: #fff;
-}
-
-.related-goods .b{
+.related-goods {
width: 750rpx;
height: auto;
overflow: hidden;
}
-.related-goods .b .item{
+.related-goods .h {
+ position: relative;
+ height: 145.5rpx;
+ width: 750rpx;
+ padding: 56.25rpx 0;
+ background: #fff;
+ text-align: center;
+ border-bottom: 1px solid #f4f4f4;
+}
+
+.related-goods .h .line {
+ display: inline-block;
+ position: absolute;
+ top: 72rpx;
+ left: 0;
+ z-index: 2;
+ height: 1px;
+ margin-left: 225rpx;
+ width: 300rpx;
+ background: #ccc;
+}
+
+.related-goods .h .title {
+ display: inline-block;
+ position: absolute;
+ top: 56.125rpx;
+ left: 0;
+ z-index: 3;
+ height: 33rpx;
+ margin-left: 285rpx;
+ width: 180rpx;
+ background: #fff;
+}
+
+.related-goods .b {
+ width: 750rpx;
+ height: auto;
+ overflow: hidden;
+}
+
+.related-goods .b .item {
float: left;
background: #fff;
width: 375rpx;
@@ -477,12 +472,12 @@
border-bottom: 1px solid #f4f4f4;
}
-.related-goods .item .img{
+.related-goods .item .img {
width: 311.45rpx;
height: 311.45rpx;
}
-.related-goods .item .name{
+.related-goods .item .name {
display: block;
width: 311.45rpx;
height: 35rpx;
@@ -493,7 +488,7 @@
color: #333;
}
-.related-goods .item .price{
+.related-goods .item .price {
display: block;
width: 311.45rpx;
height: 30rpx;
@@ -502,82 +497,103 @@
color: #b4282d;
}
-.bottom-btn{
- position: fixed;
- left:0;
- bottom:0;
- z-index: 10;
- width: 750rpx;
- height: 100rpx;
- display: flex;
- background: #fff;
+.bottom-btn {
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ z-index: 10;
+ width: 750rpx;
+ height: 100rpx;
+ display: flex;
+ background: #fff;
}
-.bottom-btn .l{
- float: left;
- height: 100rpx;
- width: 162rpx;
- border: 1px solid #f4f4f4;
- display: flex;
- align-items: center;
- justify-content: center;
-
+.bottom-btn .l {
+ float: left;
+ height: 100rpx;
+ width: 162rpx;
+ border: 1px solid #f4f4f4;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
-.bottom-btn .l.l-collect{
- border-right: none;
- border-left: none;
- text-align: center;
+.bottom-btn .l.l-collect {
+ border-right: none;
+ border-left: none;
+ text-align: center;
+ width: 90rpx;
+}
+.bottom-btn .l.l-kefu {
+ position: relative;
+ height:54rpx;
+ width: 63rpx;
}
-
-.bottom-btn .l.l-cart .box{
- position: relative;
- height: 60rpx;
- width: 60rpx;
-}
-
-.bottom-btn .l.l-cart .cart-count{
- height: 28rpx;
- width: 28rpx;
- z-index: 10;
- position: absolute;
- top: 0;
- right:0;
- background: #b4282d;
- text-align: center;
- font-size: 18rpx;
- color: #fff;
- line-height: 28rpx;
- border-radius: 50%;
-
-}
-
-.bottom-btn .l.l-cart .icon{
+.bottom-btn .l.l-cart .box {
+ position: relative;
+ height: 60rpx;
+ width: 60rpx;
- position: absolute;
- top: 10rpx;
- left:0;
-
}
-
-.bottom-btn .l .icon{
- display: block;
- height: 44rpx;
- width: 44rpx;
+.bottom-btn .l.l-cart .cart-count {
+ height: 28rpx;
+ width: 28rpx;
+ z-index: 10;
+ position: absolute;
+ top: 0;
+ right: 0;
+ background: #b4282d;
+ text-align: center;
+ font-size: 18rpx;
+ color: #fff;
+ line-height: 28rpx;
+ border-radius: 50%;
}
+.bottom-btn .l.l-cart .icon {
+ position: absolute;
+ top: 10rpx;
+ left: 0;
+}
+
+.bottom-btn .l.l-kefu .kefu-count {
+ height: 28rpx;
+ width: 28rpx;
+ z-index: 10;
+ position: absolute;
+ top: 0;
+ right: 0;
+ /* background: #b4282d; */
+ text-align: center;
+ font-size: 18rpx;
+ color: #fff;
+ line-height: 28rpx;
+ border-radius: 50%;
+}
+.bottom-btn .l.l-kefu .icon{
+ position: absolute;
+ top: 10rpx;
+ left: 0;
+}
+
+.bottom-btn .l .icon {
+ display: block;
+ height: 44rpx;
+ width: 44rpx;
+}
.bottom-btn .c{
float: left;
+ background: #f48f18;
height: 100rpx;
line-height: 96rpx;
flex: 1;
text-align: center;
- color: #333;
- border-top: 1px solid #f4f4f4;
- border-bottom: 1px solid #f4f4f4;
+ color: #fff;
+ /* border-top: 2px solid #f4f4f4; */
+ /* border-bottom: 2px solid #f4f4f4; */
}
.bottom-btn .r{
@@ -591,133 +607,195 @@
color: #fff;
}
-.bottom-btn .n{
- border:1px solid #f4f4f4;
- background: #f4f4f4;
- float: left;
- height: 100rpx;
- line-height: 96rpx;
- flex: 1;
- text-align: center;
-}
-
@import "../../lib/wxParse/wxParse.wxss";
-.attr-pop{
- width: 100%;
- height: 100%;
- padding: 31.25rpx;
- background: #fff;
+.attr-pop-box {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ background: rgba(0, 0, 0, .5);
+ z-index: 8;
+ bottom: 0;
+ /* display: none; */
}
-.attr-pop .img-info{
- width: 687.5rpx;
- height: 177rpx;
- overflow: hidden;
- margin-bottom: 41.5rpx;
+.attr-pop {
+ width: 100%;
+ height: auto;
+ max-height: 780rpx;
+ padding: 31.25rpx;
+ background: #fff;
+ position: fixed;
+ z-index: 9;
+ bottom: 100rpx;
}
-.attr-pop .img{
- float: left;
- height: 177rpx;
- width: 177rpx;
- background: #f4f4f4;
- margin-right: 31.25rpx;
+.attr-pop .close {
+ position: absolute;
+ width: 48rpx;
+ height: 48rpx;
+ right: 31.25rpx;
+ overflow: hidden;
+ top: 31.25rpx;
}
-.attr-pop .info{
- float: left;
- height: 177rpx;
+.attr-pop .close .icon {
+ width: 48rpx;
+ height: 48rpx;
+}
+
+.attr-pop .img-info {
+ width: 687.5rpx;
+ height: 177rpx;
+ overflow: hidden;
+ margin-bottom: 41.5rpx;
+}
+
+.attr-pop .img {
+ float: left;
+ height: 177rpx;
+ width: 177rpx;
+ background: #f4f4f4;
+ margin-right: 31.25rpx;
+}
+
+.attr-pop .info {
+ float: left;
+ height: 177rpx;
+ display: flex;
+ align-items: center;
+}
+
+.attr-pop .p {
+ font-size: 33rpx;
+ color: #333;
+ height: 33rpx;
+ line-height: 33rpx;
+ margin-bottom: 10rpx;
+}
+
+.attr-pop .a {
+ font-size: 29rpx;
+ color: #333;
+ height: 40rpx;
+ line-height: 40rpx;
+}
+
+.spec-con {
+ width: 100%;
+ height: auto;
+ overflow: hidden;
+}
+
+.spec-con .name {
+ height: 32rpx;
+ margin-bottom: 22rpx;
+ font-size: 29rpx;
+ color: #333;
+}
+
+.spec-con .values {
+ height: auto;
+ margin-bottom: 31.25rpx;
+ font-size: 0;
+}
+
+.spec-con .value {
+ display: inline-block;
+ height: 62rpx;
+ padding: 0 35rpx;
+ line-height: 56rpx;
+ text-align: center;
+ margin-right: 25rpx;
+ margin-bottom: 16.5rpx;
+ border: 1px solid #333;
+ font-size: 25rpx;
+ color: #333;
+}
+
+.spec-con .value.disable {
+ border: 1px solid #ccc;
+ color: #ccc;
+}
+
+.spec-con .value.selected {
+ border: 1px solid #b4282d;
+ color: #b4282d;
+}
+
+.number-item .selnum {
+ width: 322rpx;
+ height: 71rpx;
+ border: 1px solid #ccc;
+ display: flex;
+}
+
+.number-item .cut {
+ width: 93.75rpx;
+ height: 100%;
+ text-align: center;
+ line-height: 65rpx;
+}
+
+.number-item .number {
+ flex: 1;
+ height: 100%;
+ text-align: center;
+ line-height: 68.75rpx;
+ border-left: 1px solid #ccc;
+ border-right: 1px solid #ccc;
+ float: left;
+}
+
+.number-item .add {
+ width: 93.75rpx;
+ height: 100%;
+ text-align: center;
+ line-height: 65rpx;
+}
+
+.contact{
+
+ height: 100rpx;
+
+ width: 100rpx;
+
+ background-color: #008000;
+
+ border-radius: 100%;
+
+ position: fixed;
+
+ bottom: 150rpx;
+
+ right: 20rpx;
+
display: flex;
+
align-items: center;
+
+ justify-content: center;
+
+ z-index: 9;
+
+ flex-direction: column;
+
+ /*line-height: 100rpx;
+ text-align: center;
+ padding-top: 26rpx;*/
+ font-size: 20rpx;
+ color: #008000;
+ box-sizing: border-box;
+ background: url("https://litemall.oss-cn-shenzhen.aliyuncs.com/kefu.png") no-repeat center 21rpx;
+ background-size: 55rpx auto;
}
-.attr-pop .p{
- font-size: 33rpx;
- color: #333;
- height: 33rpx;
- line-height: 33rpx;
- margin-bottom: 10rpx;
-}
+.contact .name{
-.attr-pop .a{
- font-size: 29rpx;
- color: #333;
- height: 40rpx;
- line-height: 40rpx;
-}
+ font-size: 32rpx;
-.spec-con{
- width: 100%;
- height: auto;
- overflow: hidden;
-}
+ max-width: 80rpx;
-.spec-con .name{
- height: 32rpx;
- margin-bottom: 22rpx;
- font-size: 29rpx;
- color: #333;
-}
-
-.spec-con .values{
- height: auto;
- margin-bottom: 31.25rpx;
- font-size: 0;
-}
-
-.spec-con .value{
- display: inline-block;
- height: 62rpx;
- padding: 0 35rpx;
- line-height: 56rpx;
+ color: #fff;
text-align: center;
- margin-right: 25rpx;
- margin-bottom: 16.5rpx;
- border: 1px solid #333;
- font-size: 25rpx;
- color: #333;
}
-
-.spec-con .value.disable{
- border: 1px solid #ccc;
- color: #ccc;
-}
-
-.spec-con .value.selected{
- border: 1px solid #b4282d;
- color: #b4282d;
-}
-
-.number-item .selnum{
- width: 322rpx;
- height: 71rpx;
- border: 1px solid #ccc;
- display: flex;
-}
-
-.number-item .cut{
- width: 93.75rpx;
- height: 100%;
- text-align: center;
- line-height: 65rpx;
-}
-
-.number-item .number{
- flex: 1;
- height: 100%;
- text-align: center;
- line-height: 68.75rpx;
- border-left: 1px solid #ccc;
- border-right: 1px solid #ccc;
- float: left;
-}
-
-.number-item .add{
- width: 93.75rpx;
- height: 100%;
- text-align: center;
- line-height: 65rpx;
-}
-
-
diff --git a/litemall-wx/pages/ucenter/index/index.js b/litemall-wx/pages/ucenter/index/index.js
index 77115ca2..c51759b8 100644
--- a/litemall-wx/pages/ucenter/index/index.js
+++ b/litemall-wx/pages/ucenter/index/index.js
@@ -80,6 +80,23 @@ Page({
wx.navigateTo({ url: "/pages/auth/login/login" });
};
},
+ aboutUs: function () {
+ // wx.navigateTo({
+ // url: '/page/about/index',
+ // })
+ wx.navigateTo({
+ url: '../../about/index',//页面跳转相对路径要写清楚且准确
+ success: function (res) {
+ console.log('跳转到news页面成功')// success
+ },
+ fail: function () {
+ console.log('跳转到news页面失败') // fail
+ },
+ complete: function () {
+ console.log('跳转到news页面完成') // complete
+ }
+ })
+ },
exitLogin: function () {
wx.showModal({
title: '',
diff --git a/litemall-wx/pages/ucenter/index/index.wxml b/litemall-wx/pages/ucenter/index/index.wxml
index 0f402671..e81efb1d 100644
--- a/litemall-wx/pages/ucenter/index/index.wxml
+++ b/litemall-wx/pages/ucenter/index/index.wxml
@@ -2,7 +2,7 @@
- {{userInfo.nickName}}
+ {{userInfo.nickName}}
@@ -27,13 +27,13 @@
-->
-
+
我的收藏
-
+
我的足迹
@@ -55,19 +55,27 @@
账号安全
-->
-
+
+
+
+
+ 关于我们
+
+
+
\ No newline at end of file
diff --git a/litemall-wx/pages/ucenter/index/index.wxss b/litemall-wx/pages/ucenter/index/index.wxss
index b437b306..d92fcbb1 100644
--- a/litemall-wx/pages/ucenter/index/index.wxss
+++ b/litemall-wx/pages/ucenter/index/index.wxss
@@ -1,72 +1,74 @@
-page{
- height: 100%;
- width: 100%;
- background: #f4f4f4;
-}
-.container{
- background: #f4f4f4;
- height: auto;
- overflow: hidden;
- width: 100%;
-}
-.profile-info{
- width: 100%;
- height: 280rpx;
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: flex-start;
- padding: 0 30.25rpx;
- background: #333;
+page {
+ height: 100%;
+ width: 100%;
+ background: #f4f4f4;
}
-.profile-info .avatar{
- height: 148rpx;
- width: 148rpx;
- border-radius: 50%;
+.container {
+ background: #f4f4f4;
+ height: auto;
+ overflow: hidden;
+ width: 100%;
}
-.profile-info .info{
- flex: 1;
- height: 85rpx;
- padding-left: 31.25rpx;
+.profile-info {
+ width: 100%;
+ height: 280rpx;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: flex-start;
+ padding: 0 30.25rpx;
+ background: #333;
}
-.profile-info .name{
- display: block;
- height: 45rpx;
- line-height: 45rpx;
- color: #fff;
- font-size: 37.5rpx;
- margin-bottom: 10rpx;
+.profile-info .avatar {
+ height: 148rpx;
+ width: 148rpx;
+ border-radius: 50%;
}
-.profile-info .level{
- display: block;
- height: 30rpx;
- line-height: 30rpx;
- margin-bottom: 10rpx;
- color: #7f7f7f;
- font-size: 30rpx;
+.profile-info .info {
+ flex: 1;
+ height: 85rpx;
+ padding-left: 31.25rpx;
}
-.user-menu{
- width: 100%;
- height: auto;
- overflow: hidden;
- background: #fff;
+.profile-info .name {
+ display: block;
+ height: 45rpx;
+ line-height: 45rpx;
+ color: #fff;
+ font-size: 37.5rpx;
+ margin-bottom: 10rpx;
}
-.user-menu .item{
- float: left;
- width: 33.33333%;
- height: 187.5rpx;
- border-right: 1px solid rgba(0,0,0,.15);
- border-bottom: 1px solid rgba(0,0,0,.15);
- text-align: center;
+.profile-info .level {
+ display: block;
+ height: 30rpx;
+ line-height: 30rpx;
+ margin-bottom: 10rpx;
+ color: #7f7f7f;
+ font-size: 30rpx;
}
-.user-menu .item .a{
+.user-menu {
+ width: 100%;
+ height: auto;
+ overflow: hidden;
+ background: #fff;
+}
+
+.user-menu .item {
+ float: left;
+ width: 33.33333%;
+ height: 187.5rpx;
+ border-right: 1px solid rgba(0, 0, 0, 0.15);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+ text-align: center;
+}
+
+.user-menu .item .a {
display: flex;
width: 100%;
height: 100%;
@@ -76,82 +78,100 @@ page{
}
.user-menu .item.no-border {
- border-right: 0;
+ border-right: 0;
}
.user-menu .item.item-bottom {
- border-bottom: none;
+ border-bottom: none;
}
-.user-menu .icon{
- margin: 0 auto;
- display: block;
- height: 52.803rpx;
- width: 52.803rpx;
- margin-bottom: 16rpx;
+.user-menu .icon {
+ margin: 0 auto;
+ display: block;
+ height: 52.803rpx;
+ width: 52.803rpx;
+ margin-bottom: 16rpx;
}
-.user-menu .icon.order{
- background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -437.5rpx no-repeat;
- background-size: 52.803rpx;
+.user-menu .icon.order {
+ background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -437.5rpx no-repeat;
+ background-size: 52.803rpx;
}
-.user-menu .icon.coupon{
- background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -62.4997rpx no-repeat;
- background-size: 52.803rpx;
+.user-menu .icon.coupon {
+ background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -62.4997rpx no-repeat;
+ background-size: 52.803rpx;
}
-.user-menu .icon.collect{
- background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -62.4997rpx no-repeat;
- background-size: 52.803rpx;
+.user-menu .icon.phone {
+ display: block;
+ height: 55rpx;
+ width: 55rpx;
+ background-size: 52.803rpx;
}
-.user-menu .icon.gift{
- background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -187.5rpx no-repeat;
- background-size: 52.803rpx;
+.user-menu .icon.gift {
+ background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -187.5rpx no-repeat;
+ background-size: 52.803rpx;
}
-.user-menu .icon.address{
- background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 0 no-repeat;
- background-size: 52.803rpx;
+.user-menu .icon.address {
+ background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 0 no-repeat;
+ background-size: 52.803rpx;
}
-.user-menu .icon.security{
- background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -500rpx no-repeat;
- background-size: 52.803rpx;
+.user-menu .icon.security {
+ background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -500rpx no-repeat;
+ background-size: 52.803rpx;
}
-.user-menu .icon.kefu{
- background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -312.5rpx no-repeat;
- background-size: 52.803rpx;
+.user-menu .icon.kefu {
+ background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -312.5rpx no-repeat;
+ background-size: 52.803rpx;
}
-.user-menu .icon.help{
- background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -250rpx no-repeat;
- background-size: 52.803rpx;
+.user-menu .icon.help {
+ background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -250rpx no-repeat;
+ background-size: 52.803rpx;
+}
+.user-menu .icon.about {
+ /* background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -62.4997rpx no-repeat; */
+ display: block;
+ height: 55rpx;
+ width: 55rpx;
+ background-size: 52.803rpx;
}
-.user-menu .icon.feedback{
- background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -125rpx no-repeat;
- background-size: 52.803rpx;
+.user-menu .icon.feedback {
+ background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -125rpx no-repeat;
+ background-size: 52.803rpx;
}
-
-.user-menu .txt{
- display: block;
- height: 24rpx;
- width: 100%;
- font-size: 24rpx;
- color:#333;
+.user-menu .txt {
+ display: block;
+ height: 24rpx;
+ width: 100%;
+ font-size: 24rpx;
+ color: #333;
}
-.logout{
- margin-top: 50rpx;
- height: 101rpx;
- width: 100%;
- line-height: 101rpx;
- text-align: center;
- background: #fff;
- color: #333;
- font-size: 30rpx;
+.logout {
+ margin-top: 50rpx;
+ height: 101rpx;
+ width: 100%;
+ line-height: 101rpx;
+ text-align: center;
+ background: #fff;
+ color: #333;
+ font-size: 30rpx;
+}
+
+.about {
+ width: 100%;
+ background: url(https://cdn.it120.cc/images/weappshop/arrow-right.png) no-repeat 750rpx center;
+ background-size: 16rpx auto, 750rpx auto;
+ margin: 20rpx 0;
+ height: 80rpx;
+ line-height: 80rpx;
+ padding-left: 100rpx;
}
diff --git a/litemall-wx/static/images/about.png b/litemall-wx/static/images/about.png
new file mode 100644
index 00000000..bfd522c8
Binary files /dev/null and b/litemall-wx/static/images/about.png differ
diff --git a/litemall-wx/static/images/about_us.png b/litemall-wx/static/images/about_us.png
new file mode 100644
index 00000000..dbc47874
Binary files /dev/null and b/litemall-wx/static/images/about_us.png differ
diff --git a/litemall-wx/static/images/cart@selected.png b/litemall-wx/static/images/cart@selected.png
new file mode 100644
index 00000000..d46f0de1
Binary files /dev/null and b/litemall-wx/static/images/cart@selected.png differ
diff --git a/litemall-wx/static/images/category@selected.png b/litemall-wx/static/images/category@selected.png
new file mode 100644
index 00000000..176f41a6
Binary files /dev/null and b/litemall-wx/static/images/category@selected.png differ
diff --git a/litemall-wx/static/images/foot.png b/litemall-wx/static/images/foot.png
new file mode 100644
index 00000000..972a03dc
Binary files /dev/null and b/litemall-wx/static/images/foot.png differ
diff --git a/litemall-wx/static/images/home@selected.png b/litemall-wx/static/images/home@selected.png
new file mode 100644
index 00000000..b1d3723b
Binary files /dev/null and b/litemall-wx/static/images/home@selected.png differ
diff --git a/litemall-wx/static/images/ico-addr.png b/litemall-wx/static/images/ico-addr.png
new file mode 100644
index 00000000..1b143e1d
Binary files /dev/null and b/litemall-wx/static/images/ico-addr.png differ
diff --git a/litemall-wx/static/images/icon_close.png b/litemall-wx/static/images/icon_close.png
new file mode 100644
index 00000000..0c923584
Binary files /dev/null and b/litemall-wx/static/images/icon_close.png differ
diff --git a/litemall-wx/static/images/mobile.png b/litemall-wx/static/images/mobile.png
new file mode 100644
index 00000000..b7932909
Binary files /dev/null and b/litemall-wx/static/images/mobile.png differ
diff --git a/litemall-wx/static/images/my@selected.png b/litemall-wx/static/images/my@selected.png
new file mode 100644
index 00000000..97fec7cc
Binary files /dev/null and b/litemall-wx/static/images/my@selected.png differ
diff --git a/litemall-wx/static/images/telephone.png b/litemall-wx/static/images/telephone.png
new file mode 100644
index 00000000..86500a2f
Binary files /dev/null and b/litemall-wx/static/images/telephone.png differ