Skip to content

zhangzhonghua / BoneHouse_Business_APP

Go to a project
Commit 04e364cb by Denglingling
Options

提取子页面提交按钮样式、增加复制成功提示

parent a0621ab2
Inline Side-by-side
Showing with 129 additions and 37 deletions
app/base/BaseStyle.js
...@@ -141,10 +141,6 @@ export const list_common_item = { ...@@ -141,10 +141,6 @@ export const list_common_item = {
width: pxSize(20), width: pxSize(20),
height: pxSize(22) height: pxSize(22)
}, },
reco_text: {
fontSize: 14,
marginVertical: 10
},
reco_btn_text: { reco_btn_text: {
fontSize: second_text_size, fontSize: second_text_size,
color: first_text_color, color: first_text_color,
...@@ -258,8 +254,9 @@ export const list_common_item = { ...@@ -258,8 +254,9 @@ export const list_common_item = {
detail_top_icon: {}, detail_top_icon: {},
detail_sub_inner: { detail_sub_inner: {
marginTop: 10, marginTop: 10,
maxHeight: pxSize(160), // maxHeight: pxSize(160),
// flex: 1 // flex: 1
height: 'auto'
}, },
detail_scroll: { detail_scroll: {
// flex: 1 // flex: 1
...@@ -316,4 +313,78 @@ export const list_common_item = { ...@@ -316,4 +313,78 @@ export const list_common_item = {
height: pxSize(68), height: pxSize(68),
marginRight: 20 marginRight: 20
}, },
// 二级页面-两个提交按钮
sub_box: {
width: Width(),
backgroundColor: foundation_color,
flexDirection: 'row',
shadowColor: '#E5E5E5',
shadowOffset: {
width: 1,
height: 2
},
shadowOpacity: 1,
elevation: 10,
height: 80
},
sub_two_btn: {
width: Width(),
flexDirection: 'row',
alignItems: 'center',
paddingHorizontal: 30,
paddingVertical: 14
},
lef_btn: {
backgroundColor: '#4F4F4F',
width: '66%',
borderTopLeftRadius: 10,
borderBottomLeftRadius: 10,
height: 50
},
lef_tip: {
color: title_text_color,
lineHeight: 48,
paddingLeft: 20,
fontSize: 16,
fontFamily: font_family_regular
},
rig_btn: {
backgroundColor: promary_color,
width: '34%',
borderTopRightRadius: 10,
borderBottomRightRadius: 10,
height: 50
},
rig_tip: {
color: title_text_color,
lineHeight: 48,
textAlign: 'center',
fontSize: 16,
fontFamily: font_family_medium
},
// 二级页面顶部搜索
ser_cont: {
width: Width(),
backgroundColor: promary_color,
position: 'relative',
height: 60,
justifyContent: 'center',
paddingHorizontal: 16
},
ser_img_box: {
position: 'absolute',
left: 24,
top: 20,
width: pxSize(22),
height: pxSize(22)
},
ser_text_input: {
backgroundColor: '#F5F5F5',
height: 38,
lineHeight: 36,
paddingLeft: 34,
borderRadius: 10,
fontSize: 14,
fontFamily: font_family_regular
},
} }
\ No newline at end of file
app/containers/common/ProductModel.js
...@@ -23,7 +23,8 @@ import { ...@@ -23,7 +23,8 @@ import {
dis_sub_color, dis_sub_color,
safe_view, safe_view,
font_family_medium, font_family_medium,
font_family_light font_family_light,
list_common_item
} from '../../base/BaseStyle'; } from '../../base/BaseStyle';
import { FooterBtnStyle } from '../common/CellTextStyle'; import { FooterBtnStyle } from '../common/CellTextStyle';
...@@ -261,8 +262,8 @@ class ProductModel extends Component { ...@@ -261,8 +262,8 @@ class ProductModel extends Component {
renderFooterBtnItem() { renderFooterBtnItem() {
// let { selectShowPopup } = this.state // let { selectShowPopup } = this.state
return ( return (
<View style={styles.sub_box}> <View style={list_common_item.sub_box}>
<FooterBtnStyle {/* <FooterBtnStyle
style={styles.sub_btn_left} style={styles.sub_btn_left}
activeOpacity={.8} activeOpacity={.8}
title={'共计已选：666'} title={'共计已选：666'}
...@@ -275,7 +276,23 @@ class ProductModel extends Component { ...@@ -275,7 +276,23 @@ class ProductModel extends Component {
title={'选好了'} title={'选好了'}
textStyle= {[styles.sub_btn_tit, styles.sub_btn_rig_text]} textStyle= {[styles.sub_btn_tit, styles.sub_btn_rig_text]}
onPress={() => this.handleCloseSubmit()} onPress={() => this.handleCloseSubmit()}
/> /> */}
<View style={list_common_item.sub_two_btn}>
<TouchableOpacity
activeOpacity={.8}
style={list_common_item.lef_btn}
onPress={() => this.handleCloseSelected()}
>
<Text style={list_common_item.lef_tip}>{'共计已选：666'}</Text>
</TouchableOpacity>
<TouchableOpacity
activeOpacity={.8}
style={list_common_item.rig_btn}
onPress={() => this.handleCloseSubmit()}
>
<Text style={list_common_item.rig_tip}>{'选好了'}</Text>
</TouchableOpacity>
</View>
</View> </View>
) )
} }
...@@ -474,34 +491,34 @@ const styles = StyleSheet.create({ ...@@ -474,34 +491,34 @@ const styles = StyleSheet.create({
minWidth: pxSize(20), minWidth: pxSize(20),
textAlign: 'center' textAlign: 'center'
}, },
sub_box: { // sub_box: {
width: Width(), // width: Width(),
backgroundColor: dis_sub_color, // backgroundColor: dis_sub_color,
flexDirection: 'row', // flexDirection: 'row',
shadowColor: '#E5E5E5', // shadowColor: '#E5E5E5',
shadowOffset: { // shadowOffset: {
width: 0, // width: 0,
height: -1 // height: -1
}, // },
shadowOpacity: .3, // shadowOpacity: .3,
shadowRadius: 2, // shadowRadius: 2,
elevation: 3 // elevation: 3
}, // },
sub_btn_left: { // sub_btn_left: {
width: '50%', // width: '50%',
backgroundColor: '#EEECEC' // backgroundColor: '#EEECEC'
}, // },
sub_btn_tit: { // sub_btn_tit: {
fontSize: 18 // fontSize: 18
}, // },
sub_btn_left_text: { // sub_btn_left_text: {
color: third_text_color // color: third_text_color
}, // },
sub_btn_rig: { // sub_btn_rig: {
width: '50%', // width: '50%',
backgroundColor: promary_color // backgroundColor: promary_color
}, // },
sub_btn_rig_text: {}, // sub_btn_rig_text: {},
}) })
export default ProductModel; export default ProductModel;
\ No newline at end of file
app/containers/common/SubSuccPage.js
...@@ -21,6 +21,7 @@ import { ...@@ -21,6 +21,7 @@ import {
font_family_regular font_family_regular
} from '../../base/BaseStyle'; } from '../../base/BaseStyle';
import StatusBarView from './StatusBarView'; import StatusBarView from './StatusBarView';
import { show } from '../../utils/Utils';
class SubSuccPage extends Component { class SubSuccPage extends Component {
constructor(props) { constructor(props) {
...@@ -47,6 +48,7 @@ class SubSuccPage extends Component { ...@@ -47,6 +48,7 @@ class SubSuccPage extends Component {
// 获取复制的值 // 获取复制的值
let str = await Clipboard.getString() let str = await Clipboard.getString()
console.warn(str) console.warn(str)
show('复制成功')
// 返回首页 // 返回首页
let { navigation } = this.props let { navigation } = this.props
setTimeout(() => { setTimeout(() => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment