微信小程序优化

This commit is contained in:
devil
2020-08-07 01:33:20 +08:00
parent 4848be3633
commit 904c2af7e6
26 changed files with 160 additions and 72 deletions

View File

@ -163,7 +163,7 @@ textarea {
width: 33.3%;
}
.data-bottom-line .left, .data-bottom-line .right{
margin-top: 5px;
margin-top: 8px;
border-bottom: 1px solid #e1e1e1;
}
.data-bottom-line .msg{

View File

@ -17,6 +17,7 @@
color: #666;
border-left: 3px solid #ececec;
border-right: 3px solid #ececec;
overflow: hidden;
}
.left-nav .items:not(:last-child) {
border-bottom: 1px solid #e6e6e6;

View File

@ -170,7 +170,7 @@ textarea {
width: 33.3%;
}
.data-bottom-line .left, .data-bottom-line .right{
margin-top: 5px;
margin-top: 8px;
border-bottom: 1px solid #e1e1e1;
}
.data-bottom-line .msg{

View File

@ -17,6 +17,7 @@
color: #666;
border-left: 3px solid #ececec;
border-right: 3px solid #ececec;
overflow: hidden;
}
.left-nav .items:not(:last-child) {
border-bottom: 1px solid #e6e6e6;

View File

@ -170,7 +170,7 @@ textarea {
width: 33.3%;
}
.data-bottom-line .left, .data-bottom-line .right{
margin-top: 5px;
margin-top: 8px;
border-bottom: 1px solid #e1e1e1;
}
.data-bottom-line .msg{

View File

@ -17,6 +17,7 @@
color: #666;
border-left: 3px solid #ececec;
border-right: 3px solid #ececec;
overflow: hidden;
}
.left-nav .items:not(:last-child) {
border-bottom: 1px solid #e6e6e6;

View File

@ -171,7 +171,7 @@ textarea {
width: 33.3%;
}
.data-bottom-line .left, .data-bottom-line .right{
margin-top: 5px;
margin-top: 8px;
border-bottom: 1px solid #e1e1e1;
}
.data-bottom-line .msg{

View File

@ -17,6 +17,7 @@
color: #666;
border-left: 3px solid #ececec;
border-right: 3px solid #ececec;
overflow: hidden;
}
.left-nav .items:not(:last-child) {
border-bottom: 1px solid #e6e6e6;

View File

@ -68,7 +68,7 @@ App({
// 请求地址
request_url: "{{request_url}}",
request_url: 'http://shopxo.com/',
// request_url: 'https://dev.shopxo.net/',
request_url: 'https://dev.shopxo.net/',
// 基础信息
application_title: "{{application_title}}",
@ -698,4 +698,12 @@ App({
}
},
// 显示分享菜单
show_share_menu() {
wx.showShareMenu({
withShareTicket: true,
menus: ['shareAppMessage', 'shareTimeline']
});
},
});

View File

@ -170,7 +170,7 @@ textarea {
width: 33.3%;
}
.data-bottom-line .left, .data-bottom-line .right{
margin-top: 5px;
margin-top: 8px;
border-bottom: 1px solid #e1e1e1;
}
.data-bottom-line .msg{

View File

@ -74,7 +74,7 @@
margin-bottom: 5rpx;
}
.goods-item {
padding: 5rpx 0;
padding: 10rpx 0;
}
.goods-image {
width: 160rpx;
@ -163,6 +163,7 @@
.content-textarea-view,
.content-textarea-view textarea {
height: 180rpx;
padding: 5rpx;
}
.content-textarea-view view {
padding: 12rpx;

View File

@ -1,18 +1,18 @@
const app = getApp();
Page({
data: {
tab_active: 0,
tab_active_text_color: '#d2364c',
tab_active_line_color: '#d2364c',
data_list_loding_status: 1,
data_bottom_line_status: false,
nav_active_index: 0,
data_list: [],
data_content: [],
data_content: null,
},
onShow() {
wx.setNavigationBarTitle({title: app.data.common_pages_title.goods_category});
this.init();
// 显示分享菜单
app.show_share_menu();
},
// 获取数据
@ -34,10 +34,11 @@ Page({
if (res.data.code == 0) {
var data = res.data.data;
var data_content = [];
var index = this.data.nav_active_index || 0;
if (data.length > 0)
{
data[0]['active'] = 'nav-active';
data_content = data[0]['items'];
data[index]['active'] = 'nav-active';
data_content = data[index];
}
this.setData({
data_list: data,
@ -80,7 +81,8 @@ Page({
}
this.setData({
data_list: temp_data,
data_content: temp_data[index]['items'],
data_content: temp_data[index],
nav_active_index: index,
});
},

View File

@ -1,23 +1,44 @@
<view class='left-nav'>
<block wx:for="{{data_list}}" wx:key="key">
<view class='items {{item.active || ""}}' data-index="{{index}}" bindtap='nav_event'>
<text>{{item.name}}</text>
</view>
</block>
</view>
<view class='right-content bg-white'>
<block wx:if="{{data_content.length > 0}}">
<block wx:for="{{data_content}}" wx:key="keys" wx:for-item="v">
<view class="content-items" data-value="{{v.id}}" bindtap="category_event">
<image wx:if="{{(v.icon || null) != null}}" src="{{v.icon}}" mode="aspectFit" class="icon" />
<view class="text single-text">{{v.name}}</view>
<view wx:if="{{data_list.length > 0}}">
<view class='left-nav'>
<block wx:for="{{data_list}}" wx:key="key">
<view class='items {{item.active || ""}}' data-index="{{index}}" bindtap='nav_event'>
<text>{{item.name}}</text>
</view>
</block>
</block>
</view>
<view class='right-container'>
<!-- 一级 -->
<view wx:if="{{(data_content || null) != null}}" class="right-content">
<view wx:if="{{(data_content.vice_name || null) != null || (data_content.describe || null) != null}}" class="one-content bg-white" data-value="{{data_content.id}}" bindtap="category_event">
<view wx:if="{{(data_content.vice_name || null) != null}}" class="one-vice-name cr-main" style="color:{{data_content.bg_color}};">{{data_content.vice_name}}</view>
<view wx:if="{{(data_content.describe || null) != null}}" class="one-desc">{{data_content.describe}}</view>
</view>
<!-- 二级 -->
<block wx:if="{{data_content.items.length > 0}}">
<block wx:for="{{data_content.items}}" wx:key="key" wx:for-item="v">
<view class="content-tow bg-white oh">
<view class="tc two-name" data-value="{{v.id}}" bindtap="category_event">{{v.name}}</view>
<!-- 三级 -->
<block wx:if="{{v.items.length > 0}}">
<block wx:for="{{v.items}}" wx:key="key" wx:for-item="vs">
<view class="content-three" data-value="{{vs.id}}" bindtap="category_event">
<image wx:if="{{(vs.icon || null) != null}}" src="{{vs.icon}}" mode="aspectFit" class="icon" />
<view class="text single-text">{{vs.name}}</view>
</view>
</block>
</block>
</view>
</block>
</block>
<block wx:else>
<import src="/pages/common/nodata.wxml" />
<template is="nodata" data="{{status: 0, msg: '没有子分类数据'}}"></template>
</block>
</view>
</view>
</view>
<view wx:if="{{data_list.length == 0 && data_list_loding_status != 0}}">
<import src="/pages/common/nodata.wxml" />
<template is="nodata" data="{{status: data_list_loding_status}}">
</template>
<template is="nodata" data="{{status: data_list_loding_status}}"></template>
</view>

View File

@ -1,10 +1,10 @@
/**
左侧导航
*/
* 左侧导航
*/
.left-nav {
height: 100vh;
background: #ececec;
width: 230rpx;
background: #fff;
width: 210rpx;
overflow-x: hidden;
overflow-y: auto;
}
@ -15,43 +15,62 @@
padding: 0 10rpx;
text-align: center;
color: #666;
border-left: 3px solid #ececec;
border-right: 3px solid #ececec;
border-left: 3px solid #fff;
border-right: 3px solid #fff;
overflow: hidden;
}
.left-nav .items:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
border-bottom: 1px solid #f1f1f1;
}
.nav-active {
background: #f5f5f5;
border-left: 3px solid #e23f36 !important;
border-right: 3px solid #fff !important;
border-right: 3px solid #f5f5f5 !important;
color: #e23f36;
background: #fff;
}
/**
右侧内容
*/
.right-content {
* 右侧内容
*/
.right-container {
height: 100vh;
width: calc( 100% - 230rpx );
width: calc( 100% - 210rpx );
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
right: 0;
background: #f5f5f5;
}
.content-items {
.right-content, .one-content {
padding: 20rpx;
}
.one-vice-name {
font-size: 30rpx;
font-weight: 500;
}
.one-desc {
color: #999;
margin-top: 10rpx;
}
.two-name {
font-weight: bold;
font-size: 32rpx;
background: #f5f5f5;
padding: 20rpx 10rpx;
}
.content-three {
float: left;
width: calc(33.33% - 20rpx);
padding: 20rpx 10rpx;
padding: 25rpx 10rpx;
text-align: center;
}
.content-items .text {
.content-three .text {
font-size: 28rpx;
line-height: 46rpx;
}
.content-items .icon {
.content-three .icon {
width: 100%;
height: 120rpx;
}
}

View File

@ -87,6 +87,9 @@ Page({
//params['goods_id']=2;
this.setData({params: params});
this.init();
// 显示分享菜单
app.show_share_menu();
},
onShow() {

View File

@ -21,6 +21,9 @@ Page({
onLoad(params) {
this.setData({params: params, post_data: params});
this.init();
// 显示分享菜单
app.show_share_menu();
},
onShow() {

View File

@ -24,6 +24,9 @@ Page({
onShow() {
this.init();
// 显示分享菜单
app.show_share_menu();
},
// 获取数据列表

View File

@ -15,6 +15,9 @@ Page({
onLoad(params) {
this.init();
// 显示分享菜单
app.show_share_menu();
},
onShow() {

View File

@ -10,6 +10,9 @@ Page({
onLoad(params) {
this.init();
// 显示分享菜单
app.show_share_menu();
},
onShow() {},

View File

@ -15,6 +15,9 @@ Page({
//params['id'] = 1;
this.setData({ params: params });
this.init();
// 显示分享菜单
app.show_share_menu();
},
onShow() {},

View File

@ -12,6 +12,9 @@ Page({
onShow() {
this.init();
// 显示分享菜单
app.show_share_menu();
},
init() {

View File

@ -37,6 +37,9 @@ Page({
nav_status_index: nav_status_index,
});
this.init();
// 显示分享菜单
app.show_share_menu();
},
onShow() {},

View File

@ -45,12 +45,13 @@ Page({
self.setData({
detail: data.data,
detail_list:[
{name: "订单号", value: data.data.order_no || ''},
{name: "出货仓库", value: data.data.warehouse_name || ''},
{name: "订单模式", value: data.data.order_model_name || '' },
{name: "状态", value: data.data.status_name || ''},
{name: "订单编号", value: data.data.order_no || ''},
{name: "订单状态", value: data.data.status_name || ''},
{name: "支付状态", value: data.data.pay_status_name || ''},
{name: "单价", value: data.data.price || ''},
{name: "总价", value: data.data.total_price || ''},
{name: "订单单价", value: data.data.price || ''},
{name: "订单总价", value: data.data.total_price || ''},
{name: "优惠金额", value: data.data.preferential_price || ''},
{name: "增加金额", value: data.data.increase_price || '' },
{name: "支付金额", value: data.data.pay_price || ''},